자바스크립트 프로토타입을 이해하기 위한 좋은 자료는 어떤게 있을까요.?

지금 책을 읽으면서 자바스크립트 독학을 하고 있는 백수입니다.

지금 함수와 프로토타입, this에 관련된 내용들을 읽었는데요, 예제들을 다 보긴 했지만, 실제로 이 소스들이 사용되는 예를 더 보고싶은 생각이 들었습니다.

혹시 선배님들은 자바스크립트의 이해를 더 잘할 수 있도록 도움을 받았던 오픈소스들이 있으신가요? 혹시 있으시다면, 알려주시면 많은 도움이 될 것 같습니다.!

답변 부탁드립니다 :slight_smile:

답변

안녕하세요. 프로토타입 기반으로 만든 라이브러리와 프레임워크는 많지만 가장 대중적인 라이브러리로 제이쿼리가 있습니다. 제이쿼리는 자바스크립트의 언어적 특성을 잘 반영한 대표적인 라이브러리입니다. 자바스크립트와 관련된 검색을 하다보면 제이쿼리를 분석한 포스팅이 많습니다. 그리고 제이쿼리에서 사용된 주요 패턴(모듈 패턴, prototype 패턴)을 통해서 소스코드 작성시 많은 도움을 받을 수 있다고 생각됩니다. 분석을 하신다면 버전1 소스코드를 찾아서 분석하는 것을 추천드립니다. (최신 버전이 3버전은 분석하기에는 양이 너무 많습니다. )

인사이드 자바스크립트

또한, 인사이드 자바스크립트라는 유명한 책도 있습니다. 해당 책은 자바스크립트에 대한 핵심 개념을 도표를 통해서 설명하고 후반부에는 제이쿼리를 분석하는 내용도 포함되어있습니다.질문자님께서 궁금해하시는 내용에 대해서 모두 들어있습니다. 책이 얉지만 강력한 책입니다. 꼭 읽어보실 것을 추천드립니다.

속깊은 자바스크립트

개념적인 것을 배우고 난 이후에 이것을 어떻게 활용할까? 에 대해서 의구심이 드실 수 있습니다. 이런 경우에는 개인적인 생각으로 속깊은 자바스크립트라는 책을 추천드립니다. 책 초반에는 자바스크립트에 대한 핵심을 정리하고, 이제 자주 사용되는 디자인 패턴에 대해서 소개합니다. 핵심 패턴을 통해서 어떤 문제를 해결할 수 있고 어떻게 소스코드를 작성하는지에 대해서 상세히 나와요. 그리고 후반에는 자바스크립트의 성능을 향상시키는 기법이 나오게 됩니다. 이 책도 꼭 추천드립니다.

정리 및 글을 마치며

책 욕심에 구매를 하고 몇개 읽다보면 중복되는 키워드가 존재합니다. 이제는 책에서 벗어나서 핵심 키워드를 구글링을 통해서 공부하는 것도 방법이라고 생각합니다. 저 또한 아직 입문자에 불과하지만 공부하면서 도움을 많이 받은 책에 대해서 소개해드렸습니다. 오픈소스는 제이쿼리를 분석하시는 것을 추천드립니다!

핵심 키워드

  • 기본타입과 객체 타입
  • 전역 변수와 지역 변수
    • 변수 호이스팅
  • 객체
  • 함수
    • 함수 선언문과 함수 표현식
    • 함수 호이스팅
    • 함수형 프로그래밍
    • 고차함수
    • arguments
  • 클로저
  • 활성 객체 생성 과정
  • 프로토타입
    • 프로토타입 체이닝
    • [[proto]]와 Function.prototype 차이
    • 프로토타입을 이용한 상속
    • 생성자 빌려쓰기
  • 자바스크립트 this
    • 실행환경에 따라 변화하는 this바인딩
    • bind
    • apply, call

제가 생각하는 자바스크립트 핵심 키워드입니다. 사실, 부족한 실력에 생각나는게 이거뿐이네요.

2개의 좋아요

감사합니다! 참고하겠습니다 :)!!!

1개의 좋아요

최고의 답변이네요~ :slight_smile:
소개해주신 책은 최근 나온 책이군요. 저도 둘다 본적 없는데 소개해주신 내용을 보니 어떤 책일까 궁금해집니다~

1개의 좋아요

도움이 되셨다니 다행입니다. :smiley:

칭찬 감사드립니다.

저와 같은 초보 자바스크립트 개발자에게는 많은 도움이 되는 책입니다. 이종은님의 활동 내역을 살펴보니

자바스크립트에 대한 내공이엄청나신 분이실거 같아요. 추석 연휴 잘보내셔요!