한빛미디어

드디어! 디자인 패턴 갈증을 풀어줄 책이 나왔다! <자바스크립트 + 리액트 디자인 패턴은> 바닐라 자바스크립트부터 리액트에서 사용되는 패턴까지 알차게 담았다. 이전부터 디자인 패턴에 대해 알아두고 싶어 검색창을 기웃거렸지만, 자바 기반의 설명들이 대부분이었기 때문에 자바스크립트 예시에 대한 아쉬운 부분들이 많았다. 그래서인지 자바스크립트와 리액트가 같이 묶여 나온 이 책이 정말 반가웠다.

​

책은 차근차근 단계를 밟아가며 디자인 패턴에 대해 알려준다. 디자인 패턴이 어디에서 시작되었는지, 디자인 패턴이 되려면 어떤 법칙이 있어야 하는지, 디자인 패턴의 유형과 자바스크립트의 20가지 디자인 패턴 설명과 사례, 빠져서는 안되는 MV* 패턴 등 흐름을 끊지 않고 독자들이 읽을 수 있게 노력한 흔적이 보인다. 여기에 자바스크립트 디자인 패턴으로 들어가기 직전에는 '최신 자바스크립트의 문법과 기능 챕터'을 할애해 독자들이 어느정도 최신 자바스크립트 문법을 알고 들어갈 수 있도록 한다.

​

개인적으로 책의 장점 중 하나를 리액트의 디자인 패턴과 렌더링 패턴을 잘 정리해서 소개해줬다는 점을 꼽고 싶다. 조금 부끄럽지만 리액트 파트를 읽으며 실무에서 사용했던 것들이 대부분 리액트 패턴으로 분류 된다는 걸 알게 되었기 때문이다. (하지만 이를 깨닫고 좀 더 명확하게 분류할 수 있게 되었다는 점에서 이 책이 독자에게 정보를 전달하는 매개체로써 제대로 기능했다고 생각한다.) 렌더링 Props 패턴, Hook 패턴 등 리액트를 사용한다면 알아야 할 패턴들을 꽉꽉 담아줘서 여기저기 흩어져 있던 정보들을 정리하는데 많은 도움이 되었다. 특히 SSG (not 렌더스 yes 렌더링)때문에 관심을 갖고 있었던 Astro 프레임워크가 아일랜드 아키텍처 기반이라는 걸 알게 되기도 했다.

자바스크립트 디자인 패턴과 리액트 디자인 패턴을 한꺼번에 알고 싶은 독자들에게 해당 책을 추천한다. 하지만 자바스크립트와 리액트를 어느 정도 알고 입문하는 게 좋을 듯 하다. 자바스크립트 파트는 클래스와 인스턴스, 클로저 등의 개념을 어느 정도 잡고 보는 것이 훨씬 이해가 빠르게 되고 리액트 또한 리액트 라이프 사이클 등을 알고 온다면 좀 더 흥미롭게 책을 읽어나갈 수 있을 것이다. 책의 마지막 부분에서 작가가 했던 문장을 끝으로 서평을 마무리 해본다.

​

여러분의 자바스크립트 여정에 행운이 있기를!

<자바스크립트 + 리액트 디자인 패턴> p.372

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