한빛미디어

일반적인 디자인 패턴은 업무에 적용 및 활용하고 있는데 이번에 "자바스크립트+리액트 디자인 패턴"이라는 책을 선택하여 읽어 보게 되었습니다. 자바스크립트와 리액트 그리고 디자인 패턴을 어떻게 결합하여 활용하는지 궁금했는데 "자바스크립트+리액트 디자인 패턴" 책을 통해 해당 기술의 결합 및 기술적 내용을 확인 할 수 있었습니다.

먼저 "자바스크립트 + 리액트 디자인 패턴" 책을 읽기 위해서는 자바스크립트의 기본적인 기술은 알고 있어야 한다고 생각합니다. 디자인 패턴은 책에 자세히 설명하고 있기 때문에 기본적인 자바스크립트만 알고 있다면 책의 전반적인 내용은 충분히 학습할 수 있다고 생각합니다. 하지만 Chpater 12부터  리액트 디자인 패턴을 학습할 때는 리액트의 기본적인 사용 방법을 익힌 후에 학습하면 좋을 것 같습니다.

책은 총 15개의 Chapter로 구성되어 있는데 크게 3부분으로 나누어 볼 수 있을 것 같습니다.

Chapter 1 ~ 6까지는 해당 책의 기초적인 디자인 패턴과 자바스크립트 소개 부분이라고 생각합니다. 
Chapter 1 ~ 3에서는 디자인 패턴 소개로 시작하여 패턴의 기본적인 이론을 학습할 수 있습니다. 
Chapter 4 '안티패턴'에서는 안티패턴의 정의와 자바스크립트 안티 패턴을 확인할 수 있습니다. 
Chapter 5 '최신 자바스크립트 문법과 기능' 에서는 ES6 등 최신 자바스크립트의 기능을 확인할 수 있습니다. 
Chapter 6 '디자인 패턴의 유형'에서는 생성 패턴, 구조 패턴, 행위 패턴을 확인할 수 있으며 디자인 패턴의 유형을 전체적으로 살펴볼 수 있습니다.

Chapter 7 ~ 11까지는 자바스크립트 디자인 패턴과 자바스크립트의 고급 기술을 학습할 수 있는 부분이었습니다.
Chapter 7 '자바스크립트 디자인 패턴' 에서는 생성자 패턴, 모듈 패턴, 노출 모듈 패턴, 싱글톤 패턴, 프로토타입 패턴, 팩토리 패턴, 구조 패턴, 퍼사드 패턴, 믹스인 패턴, 서브클래싱, 믹스인 등 책에 언급한 20개 이상의 패턴을 확인할 수 있고 각 패턴의 장단점을 확인할 수 있습니다. 해당 패턴을 활용할때 해당 패턴의 장점, 단점을 확인한다면 프로그래밍 구현에 많은 도움이 될 거라고 생각합니다.
Chapter 8 '자바스크립트 MV* 패턴' 에서는 MVC 패턴에서 시작하여 MVP 패턴, MVVM 패턴을 확인해 볼 수 있습니다. 기본적으로 MVC 패턴을 활용하기는 하지만 이번에 공부하면서 MVP, MVVM 패턴도 확실히 무엇인지 알게 되었습니다.
Chapter 9 '비동기 프로그래밍 패턴'에서는 async/await, Promise 기술을 확인할 수 있으며 패턴을 활용하여 async/await, Promise를 좀더 고급스럽게 사용하는 방법을 학습할 수 있었습니다. 해당 내용은 업무에서 활용할 수 있을 정도로 자바스크립트 소스 내용도 훌륭하였고 가장 재미있게 학습한 부분이었습니다.
Chapter 10 '모듈형 자바스크립트 디자인 패턴'에서는 AMD, CommonJS 기술을 확인할 수 있는데 언어적 특성 때문에 제 자신에게는 조금 이해가 가지 않았던 부분이었던 것 같습니다.

Chapter 12 ~ 14까지는 리액트가 무엇인지 그리고 리액트에서 사용하는 패턴인 렌더링 패턴을 설명하고 있습니다. 그리고 리덕스, Hooks 등의 기술을 확인할 수 있습니다. 리액트를 알고 있다면 해당 장을 통해 리액트에 디자인 패턴을 이용하여 더 나은 기술적 지식을 학습할 수 있을 거라 생각합니다.

"자바스크립트 + 리액트 디자인 패턴" 책의 장점은 아래와 같습니다.
1. 여러 디자인 패턴을 학습할 수 있습니다.
2. 디자인 패턴의 장단점을 명확히 확인할 수 있습니다.
3. 자바스크립트의 고급 기법을 학습할 수 있습니다.
4. 리액트의 디자인 패턴 기법 및 구현 방법을 확인할 수 있습니다.
자바스크립트로 핵심을 상세히 설명하고 있으며 자바스크립트 소스 예제를 통해 해당 디자인 패턴 및 기술을 어떻게 활용할 수 있는지 쉽게 확인할 수 있었습니다.
책의 예제 자체가 어렵지 않고 핵심을 잘 설명하고 있어서 조금만 수정한다면 업무에 쉽게 적용할 수 있는 실용적인 예제가 많았던 것 같습니다.

마지막으로 예전에 공부했을 때는 디자인 패턴이 상당히 어렵게 느껴지고 활용하기가 어려웠는데 "자바스크립트 + 리액트 디자인 패턴" 책을 통해서 디자인 패턴을 어렵지 않게 쉽게 학습할 수 있었던 것 같습니다. 업무에 활용하는 것뿐만 아니라 자바스크립트 예제 및 내용 정리가 잘되어 있어서 학습하기가 편했습니다.

"자바스크립트 + 리액트 디자인 패턴" 책은 다음과 같이 추천합니다:
1. 디자인 패턴을 공부하시는 분
2. 자바스크립트의 좀 더 고급 기술을 공부하고 싶은 분
3. 리액트의 디자인 패턴을 적용하려는 분
이러한 목적을 가진 분들이라면 "자바스크립트 + 리액트 디자인 패턴" 책을 추천합니다.

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