모던 자바스크립트 핵심 가이드

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

<ES2015부터 2021까지 깨알같이 다룬 책>

 

목차

• CHAPTER 00 자바스크립트 기초
• CHAPTER 01 var, let, const
• CHAPTER 02 화살표 함수
• CHAPTER 03 함수 기본값 인수
• CHAPTER 04 템플릿 리터럴
• CHAPTER 05 문자열 메서드
• CHAPTER 06 디스트럭처링
• CHAPTER 07 루프
• CHAPTER 08 배열 메서드
• CHAPTER 09 스프레드 연산자와 레스트 매개변수
• CHAPTER 10 객체 리터럴의 업그레이드
• CHAPTER 11 심벌
• CHAPTER 12 클래스
• CHAPTER 13 프로미스
• CHAPTER 14 제너레이터
• CHAPTER 15 프록시
• CHAPTER 16 세트, 위크셋, 맵, 위크맵
• CHAPTER 17 ES2016의 새로운 기능
• CHAPTER 18 ES2017: 문자열 패딩, Object.entries( ), Object.values( ) 등
• CHAPTER 19 ES2017: async와 await
• CHAPTER 20 ES2018의 새로운 기능
• CHAPTER 21 ES2019의 새로운 기능
• CHAPTER 22 ES2020의 새로운 기능
• CHAPTER 23 타입스크립트 기초
• 한국어판 부록: ES2021

---

 

  백엔드 개발자로 일하다 보니 나의 Javascript 지식은 여전히 5년 전 jQuery를 끄적이던 수준으로 남아있다. 그런 내게 이 책은 '요새 Javascript는 이런 것도 된다? 몰랐지?'하고 알려주었다. 잘 모르지만 요재 프론트 개발자들은 기본으로 ES2015는 깔고 들어가고, React나 Vue를 사용하여 작업을 하는 것 같다. Javascript는 매년 새로운 스펙이 나오는 만큼 이 책은 ES2015부터 최신의 ES2021까지 모던 Javascript를 소개해준다. Javascript 자체를 처음부터 가르쳐주고 하는 책은 아니므로 Javascript 입문 자라면 다른 책을 추천한다.

 

  목차를 보면 알 수 있다시피 ES6의 새로운 기능들을 주로 다룬다. 마치 Java 7에서 Java8 넘어갈 때의 느낌인 것 같이 ES5에서 ES6로 넘어갈 때 많은 변화가 있었던 것 같다. let, const부터해서 Arrow Function, 템플릿 리터럴, 디스트럭처링 등 코드를 더 깔끔하게 유지하면서도 가독성을 높일 수 있는 문법들을 소개한다. 예전에 알던 그 Javascript가 아닌 것을 새삼 느낀다. 챕터마다 호흡이 짧아서 읽기 지루하지 않았다. 또한 챕터 끝에 어렵지 않은 퀴즈가 있어서 배운 내용들을 살짝 wrap up 하데 이것도 유용한 것 같다. 모르겠으면 살짝 다시 앞으로 돌아가서 배우고 돌아오면 된다. 

 

  책의 끝부분에는 타입스크립트에 대한 내용도 다루고 있다. 그동안 Javascript쪽에서 타입스크립트를 많이들 쓴다고 듣기만 들었지 어떻게 생겨 먹었는지 몰랐다. 보니까 코틀린이나 스칼라처럼 변수나 인자 뒤에 콜론을 하고 타입을 명시하는 것이 비슷했다. 확실히 타입을 명시하면 컴파일 시점에 타입 체크가 가능하기 때문에 런타임 시에 발생하는 에러들을 많이 잡을 수 있을 것 같다. tsc 명령어를 이용하여 .ts 파일을 .js파일로 트랜스파일 할 수 있다. 예제를 직접 타이핑 하고 트랜스파일 해보면서 ts코드가 어떻게 js코드로 바뀌는지 비교하며 보는 것도 재미있었다.

 

  요새는 프론트뿐만 아니라 백엔드, 데스크탑웹, 모바일앱 등 거의 모든 것을 Javascript로 커버가 가능하다. 그렇기 때문에 스타트업 같은 곳에서는 Node를 메인 서버 프레임워크로 사용하기도 한다. 그만큼 Javascript의 위엄(?)과 사용성이 매우 높아졌기 때문에 Javascript는 피할 수 없는 선택이 된 것 같다. 백엔드 밖에 모르는 나로서는 항상 Javascript를 익혀서 혼자 프론트엔드와 백엔드를 모두 작업하여 프로젝트를 해보고 싶은 생각만 가지고 있다. 그러려면 Javascript의 필요한 생태계인 React나 TypeScript, Webpack 등 기타 기술들도 알아야 해서 아직은 살짝 두렵기도 하다. 틈틈이 배우고 익혀서 뭔가 만들어 보자.

 

ts파일과 js파일 비교, 실행

 

모던 자바스크립트 핵심 가이드, 알베르토 몬탈레시 (한빛미디어) 

모던 자바스크립트 핵심 가이드