프런트엔드 레벨을 높이는 자바스크립트 퀴즈북

"한빛미디어 서평단 <나는리뷰어다> 활동을 위해서 책을 협찬 받아 작성된 서평입니다."

 

화면 개발에 대해서 다양하게 세분화 되고 이제는 익숙한 FE영역은 하나의 전문 영역으로 자리를 잡고 있습니다.

보통 react, vue, javascript의 특정 문법과 동작방식에 대해서 설명하는 책을 학습시에 보게 됩니다.

하지만, 실제 많이 사용하고 있는 부분과  주로 혼돈이 되거나 중요한 개념을 잘못 알게 되는 경우도 존재하게 됩니다. 

이 책은 그러한 아쉬움과 부족한 부분을 해결해 줄수 있는 책이라고 생각이 됩니다.

카카오에서 재직중이신, 프런트앤드 연구모임 소속 7분이 공동 저자이신데, 각자의 입장에서 바라보는 관점도 조금은 다르고 

실제 하나의 영역에 고민하시는 사항을 잘 풀어서 설명해주시는 책의 컨셉이 흥미롭고 실질적인 도움이 되는 부분이라고 생각이 듭니다.

책의 전체적인 색감등이 카카오톡의 화면 배색과 비슷해서 내용을 살펴보는 다른 재미가 있습니다.

 

프런트 앤드를 잘 개발하기 위해서는 SPA관련 오픈소스를 살펴보는 것 보다, 화면을 구성하는 자바스크립트의 원리를 잘 살펴보고 이해하는 것이 더욱 중요합니다. 그러한 관점으로 이책을 출간 하셨습니다.

 

대상 독자는 아래와 같습니다. 

- 프레임워크는 익숙하지만, 자바스크립트의 근본이 약하다고 느끼는 개발자

- 기술 면접과 실무 역량을 동시에 강화하고 싶은 예비 개발자

- 자바스크립트 코드의 작동원리를 깊이 있게 이해하고 싶은 개발자

- AI 시대를 대비해 코드 분석과 응용력을 높이고 싶은 개발자

 

책의 구성은 총 9장으로 구성되어 있습니다.

타입, 객체, 스코프와 클로저, 함수, this, 비동기, 클래스와 프로토타입, 이벤트, 모듈

 

각 챕터 마다 총 5가지의 스탭으로 쉽게 쉽게 다음 단계로 넘어갈수 있는 구성이 매우 인상깊었습니다.

(실력진단 -> 기초 점검 -> 이론 학습 -> AI활용 학습 -> 실전 퀴즈 풀이 -> 실무 문제 해결)

 

■ 내용 소개

· 처음에 어떠한 부분을 알고, 또는 모르고 있는지 자신의 실력을 판단하는 퀴즈가 매우 좋습니다.

 

우리는 기술에 대해서 명확히 알지 못하고 사용하는 경우가 종종 있습니다.

이런 질문을 통해서 자신이 학습해야 하는 사항과 부족한 부분을 명확하게 파악하고 학습하고 정의할수 있다는 부분이 매우 좋았습니다.

 

내용도 국내의 저자분들이 실제 느끼신 부분이여서, 번역서 보다 조금 더 국내 환경에 맞는 질문이 도출되는 느낌을 받았습니다.

 

 

이론에 대해서 설명하고 학습을 하고 난 이후에 정확하게 이해했는지 "레벨업 퀴즈" 를 통해서 개발에 흥미를 가지고 

재미있게 풀어가려고 하시는 책의 방향성이 잘 느껴졌습니다.

 

· 이 책의 또다른 장점은 현직 담당자분들이 느낄수 있는 다양한 면접 질문을 공부하면서 미리 접해볼수 있다는 부분입니다.

 

 

· 저한테 제일 도움이 되었던 부분은 "리얼 현장 인터뷰" 입니다.

 - 평소에 궁금했던 질문에 대해서 거의 대부분 다 언급되어 있다는 생각이 들었습니다.

 -  답변의 내용이 한가지가 아니고, 다양하게 공동 저자님들의 각기 다른 의견을 한번에 볼수 있어서 매우 만족합니다.

 - 이러한 부분은 프런트앤드 개발에서 중요한 개념과 방향성을 정하는 것이기 때문에 이론보다도 더 소중한 내용이라고 생각합니다.

 

특히 경험담 같은 것들은 오픈된 내용이 아니고 실제 경험을 기반으로 답변을 해주시는거라서, 같은 회사의 조직원으로서

내용을 공유해주시는 것이라 매우 도움이 됩니다.

· 혼돈이 되는 스코프와 클로저

자바스크립트 동작원리를 이해하기 위해서는 꼭 알아야 하는 개념인데, 잘 구성되어 있습니다.

 - 스코프 (전역 스코프, 모듈 스코프, 함수 스코프)

 - 변수 호이스팅

 - 함수 호이스팅

 - 재선언과 새도잉

 - 클로저 (정보은닉, 부분 적용 함수)

 

예제를 많이 복잡하게 구성하지 않고, 개념 위주로 코드가 작성되어 있어서 샘플코드 입장에서 정보전달이 잘되는것 같습니다. 

 

· 혼돈이 되는 this

우리가 보통 문제가 없을때는 크게 이슈가 안되는데, 중요한 값에 대해서 이슈가 되는 경우 해당 개념을 잘 이해하고 

접근해서 해결해야 합니다. this를 사용하는 케이스가 다양해서 조금 혼돈될수 있습니다.

 - 전역 컨텍스트에서의 this

 - 함수에서의 this

 - 클래스에서의 this

 - 실무에서의 this

 

 

· 단일스레드의 자바스크립트의 비동기

 - 우리는 모바일 화면 및 다양한 처리를 위해서 비동기 처리는 이제 기본적으로 사용을 합니다.

 - 이벤트 처리시, 나오는 다양한 키워드들 이벤트 루프, 콜백, 프로미스, async/await, 프로미스 기능에 대해서 잘 이해하고 있어야 합니다.

 

이렇게 학습한 내용들이 동일하게 "리얼 현장 인터뷰"를 통해서 추가 궁금증이 많이 해소되었습니다. 

 

· 클래스와 프로토타입

 - js도 프로토타입 기반 객체지향 언어라는 것을 잘 알지 못하는 분들이 많은 것으로 알고 있습니다. 

여기서 프로토타입의 개념을 잘 이해하는 것이 중요하고, 다양한 서적에서도 관련 내용에 대해서 설명하는 것이 쉽게 되어 있는 책은 많이 없습니다.  

이 책을 통해서 프로토타입을 잘 이해하고, 객체지향적으로 javascript를 접근하시는 개념을 세울수 있는 내용입니다. 

 

· 이벤트와 모듈에 대한 부분도 동일한 구성으로 사용자가 클릭하는 다양한 이벤트 들에 대한 핸들링 및 실수 할수 있는 부분들, 

최근에 어플리케이션의 사이즈가 커지면서 모듈에 대한 구성 및 활용 방법에 대한 내용도 함께 구성되어 있습니다.