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

개요

이하의 책을 읽으면서 얻은 지식을 정리하고자 한다.

 

디자인 패턴 소개

패턴이란?

• 검증끝: 과거부터 이어져온 소프트웨어의 개발의 특정 문제를 해결하기 위해 오랜 시간 동안 검증된 효과적인 방법
• 재사용성: 사용자의 요구에 맞춰 적용할 수 있으므로 재사용성이 뛰어나다
• 가독성: 패턴은 정해진 구조와 공통표현을 사용하므로 알아보기 쉽다.

패턴의 이점

• 사소한 실수로 인한 큰 문제를 방지
• 반복을 피할 수 있다.
• 공통된 어휘를 사용함으로 의사소통이 원활해진다.

패턴의 예

공급자 패턴(Provider Pattern)도 하나의 디자인 패턴인데 리액트에서는 Context API가 이에 해당된다. 페이지 컴포넌트에서 아주 작은 컴포넌트까지 데이터를 전달할 때 중간에 거쳐야 할 컴포넌트가 많아지면 Props Drilling을 해야 하는데 이는 거치는 컴포넌트에 전부 프롭스를 설정해야 함으로써 유지보수가 어려운 코드가 만들어진다. 이를 해결할 수 있는데 공급자 패턴(Context API) 인것이다.