Skip to content

기술 스택

jin-Pro edited this page Jan 28, 2022 · 2 revisions

[ 디자인 패턴 ]

Atomic

React의 특징인 컴포넌트를 잘게 쪼개어 재사용하여 보다 체계적으로 구현이 가능함.
뿐만아니라, 각 컴포넌트에 역할을 부여하여 책임을 실을 수 있다.

MVC

Model, View(Service) , Controller 로 BE 로직을 나누어 세분화하여 체계적으로 관리하기 위함.


[ Compiler]

TypeScript

본연 JS는 컴파일언어가 아닌, 인터프리터 기반 언어이다.
때문에, 런타임 시 타입 에러와 같은 에러들을 감지하지만
타입스크립트를 사용하여 컴파일시 에러를 감지할 수 있게 해준다.


[ 전역 상태 관리 ]

Recoil

Recoil을 사용하면 구독하는 컴포넌트에 대해서 리렌더링이 발생하기 때문에,
Redux를 사용했을 때의 불필요한 리렌더링을 방지 할 수 있다.


[ Test ]

StoryBook

StoryBook을 사용하는 컴포넌트 단위 테스트 진행
Atomic 디자인과 찰떡이다.

Jest

Jest를 사용하여 함수 단위 테스트 진행


[ 도전 ]

  • 렌더링 최적화
  • 코드스플리팅을 통한 CSR 약점 보완
  • 자동 테스트
  • CI/CD
  • devOps
  • 코드 재사용