메뉴 바로가기 검색 및 카테고리 바로가기

한빛미디어

독자리뷰

디자인 패턴으로 쉽게 설명하는 자바스크립트, 리액트 프로그래밍

dhan***

|

2024-08-25

자바스크립트 + 리액트 디자인 패턴

20가지 이상의 디자인 패턴으로 배우는 최신 웹 개발

  • 저자 : 애디 오스마니(Addy Osmani)
  • 번역 : 윤창식
  • 출간 : 2024-08-01



디자인 패턴과 관련된 책은 개발 연차가 올라가거나, 개발 실력을 더욱 개선하고자 고민할 때 읽게 되는 책이다. 본인도 디자인 패턴의 교과서라고 불리는 'GoF의 디자인 패턴'을 가지고 있지만, 수학책을 읽는 것처럼 책도 어렵고, 내용도 어려워서 아직 20%도 못 읽었다. 몇년째 책장에 꽂혀서 내가 프로그래밍 하는 것을 지켜보면서 굉장히 한심스럽게 생각하고 있으리라 짐작된다. ㅎㅎ

 

최근의 Frontend는 자바스크립트와 리액트가 선점할 것으로 예상된다. 챗GPT가 가장 잘하는 것도 자바스크립트, 파이썬이고, 클로드도 리액트를 굉장히 잘 한다고 알려져 있다.

 

저 처럼 자바스크립트와 리액트에 관심이 많으면서, 디자인 패턴을 배우고 싶은 분에게 이 책을 추천한다.

 

책에서 다루는 내용은 최신(모던, ES6+) 자바스크립트와 디자인 패턴, 리액트이므로, 현재 Frontend를 담당하거나 목표로 하시는 분, 자바스크립트를 알고, 디자인 패턴을 내재화 시키고 싶은 분, 리액트 입문자, 자바스크립트 입문자에게도 추천한다.

 

이 책은 전체 15개 장으로 구성되어 있으며. 내용은 전통적인 디자인 패턴, 자바스크립트 디자인 패턴, 리액트 디자인 패턴순으로 다룬다.

세부 내용을 살펴보면,

CHAPTER 1 '디자인 패턴 소개'에서는 디자인 패턴의 역사와 프로그래밍에서 사용되는 패턴의 특징과 장점, 활용 사례를 설명하고,

CHAPTER 2 '패턴성 검증, 프로토 패턴 그리고 세 가지 법칙'은 패턴이 포함해야할 구성요소에 관해 설명한다,

CHAPTER 3 '패턴 구조화 및 작성'에서는 디자인 패턴의 구조와 모범 패턴, 패턴을 작성하는 방법을 설명하고,

CHAPTER 4 '안티 패턴'은 안티 패턴의 정의와 자바스크립트에서 안티 패턴의 예시를 알아본다.

CHAPTER 5 '최신 자바스크립트 문법과 기능'에서는 표준화된 ECMAScript2015(ES215), ES6의 최신 문법과 기능을 소개하고,

CHAPTER 6 '디자인 패턴의 유형'은 전통적인 디자인 패턴(GoF의 디자인 패턴)의 분류에 관해 알아본다.

CHAPTER 7 '자바스크립트 디자인 패턴'에서는 자바스크립트의 전통적인 디자인 패턴과 특화된 패턴을 사례로 알아보고,

CHAPTER 8 '자바스크립트 MV*패턴'은 MVC, MVP, MVVM 아키텍터 패턴에 관해 역사와 개념, 차이점을 설명한다.

CHAPTER 9 '비동기 프로그래밍 패턴'에서는 비동기 프로그램의 개념과 비동기 프로그래밍의 다양한 패턴에 관해 알아보고,

CHAPTER 10 '모듈형 자바스크립트 디자인 패턴'은 자바스크립트 코드의 로딩과 관련된 라이브러리와 패턴을 알아본다.

CHAPTER 11 '네임스페이스 패턴'에서는 대규모 자바스크립트 애플리케이션에서 사용하는 다양한 네임스페이스 패턴을 살펴보고,

CHAPTER 12 '리액트 디자인 패턴'은 리액트의 소개과 개념, 리액트에서 사용되는 패턴을 알아본다.

CHAPTER 13 '렌더링 패턴'에서는 CSR, SSR등의 렌더링 관점에서 사용되는 패턴을 살펴보고,

CHAPTER 14 '리액트 애플리케이션 구조'는 리액트의 파일 구조 패턴과 장단점을 알아본다.

CHAPTER 15 '결론'에서는 추천하는 도서와 저자의 사이트, 블로그를 소개하면서 마무리한다.

 

각 장은 먼저 주제와 관련한 전체적인 개념과 필요성을 설명하고, 이어서 코드와 그림을 덧붙여 상세하게 설명한다. 후미에는 설명한 패턴의 장점과 단점, 활용법을 알려주고, 마치며에서는 이번 주제가 개발에서 도움이 된 부분, 다음 장에서 배울 내용으로 마무리한다.

 

책에서 나온 예제는 실무에서 사용할 수 있을 정도로 실용적인 예제가 많고, 패턴이 어떤 방식으로 사용되는지 알기 쉽게 코드로 설명한다.

 

책을 읽고 난 이후 공감이 된 저자의 말을 인용하면서 마무리한다.

개발자는 대개 어느 프로젝트에나 어울리는 최고의 패턴이 있는지 궁금해합니다. 하지만 최고의 패턴이 무엇인지에 대한 정답은 없습니다. 각 코드와 애플리케이션마다 요구하는 부분이 다를 수 있기 때문입니다. 패턴이 실질적인 구현에 도움이 되는지를 고려해야 합니다. <중략>

디자인 패턴에 대해 정확히 알고 사용할 때를 잘 파악하게 된다면 애플리케이션 아키텍처에 올바른 디자인 패턴을 적용하기 수월해진다는 뜻입니다.

Chapter 07 자바스크립트 디자인 패턴, p72

 

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

 

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?