전체 글
-
[Group Study, 모던 자바스크립트 Deep Dive] - 20 strict modeFront-end/Javascript 2022. 11. 14. 18:42
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 20.1 strict mode란? [예제 20-01] function foo() { x = 10; } foo(); console.log(x) 이전 챕터의 내용(Scope, 전역변수,...)의 내용을 아직 기억하고 있다면, 이 예제에서 console에 찍힐 x를..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 19 프로토타입 Part2Front-end/Javascript 2022. 11. 9. 08:35
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 19.7 프로토타입 체인 [예제 19-01] function Person(name) { this.name = name } Person.prototype.sayHello = function () { console.log('무.야.호, ' + this.name)}..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 19 프로토타입 Part1Front-end/Javascript 2022. 11. 9. 07:40
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. Preface 자바스크립트는 명령형, 함수형, 프로토타입 기반, 객체지향 프로그래밍을 지원하는 멀티 프로그래밍 언어이다.(가장 논쟁이 많이 되는 주제 중 하나) C++이나 Java처럼 캡슐화를 위한 키워드인 public, private, protected 등이..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 17 함수와 일급 객체Front-end/Javascript 2022. 11. 8. 21:35
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 18.1 일급 객체 다음과 같은 조건을 만족하는 개체를 일급 객체라 한다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수와 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 ..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 17 생성자 함수에 의한 객체 생성Front-end/Javascript 2022. 11. 8. 20:25
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 17.1 Object 생성자 함수 Ch 16에서 객체 리터럴 방식으로 객체를 생성했다면 이 챕터에서는 생성자 함수를 사용하여 객체를 생성하는 방식을 살펴볼 것이다. new 연산자와 함께 object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체..
-
[Group Study, Topic] - e2e TestFront-end/Javascript 2022. 11. 2. 20:10
Testing 소프트웨어 테스트(영어: software test)는 주요 이해관계자들에게 시험 대상 제품 또는 서비스의 품질에 관한 정보를 제공하는 조사 과정이다. 소프트웨어 테스트는 또한 소프트웨어에 대한 객관적이고 독립적인 시각을 제공하여 사업주체가 소프트웨어 구현의 위험성을 올바로 이해하도록 한다. (wiki - https://ko.wikipedia.org/wiki/소프트웨어_테스트) 보통 Software Engineering을 배워보았다면 테스팅은 여러 단계로 나뉜다. 보통 단위 -> 통합 -> 시스템 순으로 테스팅을 하게 되는데 FE에서 주로 E2E 테스팅(Unit Testing)을 사용하게 되는 것 같다. Unit Testing 유닛 테스트(unit test)는 컴퓨터 프로그래밍에서 소스 코드..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 16 프로퍼티 어트리뷰트Front-end/Javascript 2022. 11. 2. 18:25
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 16.1 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 ECMAScript 사양데 정의된 대로 구현되어 자바스크립트 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다. 자바스크립트 엔진의 내부 로직이므로 원..
-
[Group Study, 모던 자바스크립트 Deep Dive] - 15 let, const 키워드와 블록 레벨 스코프Front-end/Javascript 2022. 10. 30. 18:32
Group study background 나만 그런건지는 모르겠지만, 실무를 하다보면 잊어버리는 개념들이 있다. 가끔 FE 뉴비나 novice인분들에게 질문을 받는데, 아리송 할때만큼 쪽팔릴때가 없었다. 인간은 망각의 동물이라고 교수님께서 말씀하셨지만 반복 학습의 힘을 믿는다. React 오픈카톡방에서 모집한 스터디원분들과 함께 "모던 자바스크립트 Deep Dive" 1권 톺아보기를 시작한다! 정보 전달용이 아닌 개인 스터디 레코딩용 포스트입니다. 15.1 var 키워드로 선언한 변수의 문제점 15.1.2 함수 레벨 스코프 var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다. 따라서 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된..