[도서 리뷰] 자바스크립트 + 리액트 디자인 패턴

sig03
2 min readOct 21, 2024

--

(출처: 한빛미디어)
  • 굳이 디자인 패턴 고집하지 않아도 된다고 함
  • 패턴이란 소프트웨어 설계에서 반복되는 문제와 주제에 적용할 수 있는 재사용 가능한 템플릿을 말함
  • 패턴의 사용 이유
  • 1) 검증되었음
  • 2) 쉽게 재사용 가능
  • 3) 알아보기 쉬움
  • 4) 사소한 실수로 인한 큰 문제 방지
  • 5) 특정 문제에 국한되지 않은 종합적 해결책 제시
  • 6) 반복 피해 코드 양 줄임
  • 7) 공통된 어휘 사용해 의사소통 원활
  • 전역 변수 관리를 라이브러리 안 쓰고 싱글톤으로 하면 어떨까 생각했는데 싱글톤의 단점
  • 1) 싱글톤 파악 어려움
  • 2) 테스트 어려움
  • 3) 사용이 어려움 등이 있고
  • 4) 리액트에서 context api 또는 리덕스 사용하라고 제안함
  • 리액트는 MVC 프레임워크가 아님
  • UI 구축을 위한 자바스크립트 라이브러리
  • 주로 SPA 개발에 사용
  • Next.js는 리액트를 기반으로 한 프레임워크
  • 주로 SSR 구현에 사용
  • MVC 프레임워크는 아니지만 SSR, SSG를 사용 시 MVC와 유사한 패턴으로 동작
  • Next.js가 백엔드 역할을 수행하여 DB와 상호작용하고 뷰를 사전 렌더링 하면 이후부터 리액트의 반응형 기능을 통해 뷰를 동적 업데이트해서 전통적 MVC 형태로 동작
  • 기초 개념 도서
  • 리액트 내용은 맛보기처럼 곁들여져 있음
  • 이런 유의 책은 갑자기 본론으로 넘어가 설명하면서 내가 뭘 읽고 있는지 길을 잃게 만듦
  • 이 책도 마찬가지 어딘가에서 길을 잃었음
  • 디테일을 보기보다 더 높은 곳에서 이런 게 있구나 전체를 바라봐야 함
  • 그리고 내가 사용하는 패턴이 어떤 건지 어떤 게 나을지 비교해가며 봐야 함

--

--

sig03
sig03

No responses yet