[ 독후감 ] 코어 자바스크립트를 읽고..

📍 [독후감] 코어 자바스크립트(정재남)

 

 

728x90

✏️ 서론

자바스크립트 문법을 독학으로 공부했지만, 정작 기술면접에서 개념을 물어보면 명확하게 답변하지 못해 나 자신에게 실망한 적이 더러 있었다. 3번의 면접 탈락 끝에 말로 설명하기 어려운 개념을 두껍지 않은 책으로 공부하고 싶다고 생각을 했는데, 알라딘에서 관련 서적을 살펴보다가 코어 자바스크립트라는 책이 있었고, 평도 나쁘지 않고 무엇보다 책이 두껍지 않아서 구매하여 읽어봤다. 책은 약 200페이지 정도이고, 매일 새벽 05:30~07:00까지 읽었다. 독서기간은 21.08.27. ~ 21.10.5. 이다.

✏️ 본론

글쓴이가 책을 집필한 이유는 자바스크립트의 핵심 개념들을 정확히 이해하는 것이 중요하다는 것이 주된 이유고, 자바스크립트를 관통하는 이론을 파악함으로써 전반적인 기본기를 다 집기 위한 목적으로 집필했다고 한다. 책은 다음의 주제들을 다루고 있다.

 

1. 데이터 타입: 변수 선언, 데이터 할당, 기본형 데이터, 참조형 데이터, 불변 객체, undefined와 null 등
2. 실행 컨텍스트: VariableEnvironment, LexicalEnvironment, 호이스팅, 스코프 체인 등
3. this: 메소드, 함수, 콜백 함수 호출 시 함수 내부에서의 this, 생성자 함수에서의 this, call, apply, bind, 화살표 함수 등
4. 콜백 함수: 제어권, 비동기 제어 등
5. 클로저: 클로저와 메모리 관리, 클로저 활용 사례, 접근 권한 제어, 부분 적용 함수, 커링 함수 등
6. 프로토타입: constructor, prototype, instance, 프로토타입 체인, 메서드 오버라이드, 다중 프로토타입 체인 등
7. 클래스: 클래스와 인스턴스, 클래스 상속, ES6의 클래스와 클래스 상속 등

 

책을 읽어보니까 자바스크립트의 문법을 아예 모르는 분들보다 어느 정도 문법은 알고 있는데 명확하게 개념을 설명하기 힘들거나, 이전 문법을 보완한 새로운 문법이 왜 나오게 되었는지 몇 가지 사례들과 함께 공부하고 싶은 분들에게 추천하고 싶은 서적이다.

 

이 책을 읽고 나서 대략적으로 모호하게 알고 있었던 this, closure, prototype, class에 대해 명확하게 배울 수 있어서 좋았고 각각의 문법이 언제 사용해야 best인지, 사례별로 알려주어서 도움이 많이 되었던 책이다. 제일 마음에 들었던 부분은 class를 배우고 나서 토이 프로젝트인 starbucks-project에도 작게나마 적용해봤는데, 디테일 페이지에서 useParams를 사용하여 해당 SAMPLE_DATA를 가져올 때 class문법을 사용했다. 책을 읽기 전까지는 class문법을 실제로 적용해보자는 생각을 잘 못했는데, 좋은 경험이었다.

 

import { RECIPE_SAMPLE } from "../fixture";
import { RecipeType } from "../types";

interface Methods {
  getRecipe: (targetId: string) => void;
}

export class Recipes implements Methods{
  getRecipe = (targetId: string): RecipeType[] => {
    return RECIPE_SAMPLE.filter((ele) => ele.id === targetId);
  }
}

✏️ 결론

자바스크립트의 핵심 문법을 배울 수 있는 좋은 책이었다. 다음은 자바스크립트의 문법을 자세히 배울 수 있는 모던 자바스크립트 딥 다이브를 읽어봐야겠다.