🐻

공통 컴포넌트 나눌거 모으기

PRmerge

기간

2022/12/07 → 2022/12/09

담당자

상태

Done🏠

페이지

전체

멋사_프론트엔드스쿨_3기 (Copy)

Created with Figma

https://www.figma.com/file/GLB4J0VN5m8pENS4Enmm1g/%EB%A9%8B%EC%82%AC_%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EC%8A%A4%EC%BF%A8_3%EA%B8%B0-(Copy)?node-id=64608%3A4364&t=vIWrjs4xFTQVbY55-1

수현

강세민

좋은 컴포넌트 개발의 핵심은 재활용 가능한 컴포넌트입니다. 컴포넌트는 기본적으로 StateSetter(StateUpdater)가 호출되면 리렌더됩니다. 성능관점에서 state와 props는 최대한 변경되지 않을수록 유리합니다. props만 받아서 렌더만하는 컴포넌트는(프레젠테이션 컴포넌트) storybook을 활용하기 좋으며 쉽게 테스트하고 재활용 할 수 있습니다. 모델렌더를 실현하기도 쉬워지고요. 모델렌더는 아래에서 다시 설명합니다.

재사용성이 좋은 컴포넌트의 조건은 아래와 같습니다.

1. 비즈니스 로직이 없다.

2. 상태값이 없다. (단, 마우스 오버와 같은 UI 효과를 위한 상태값은 제외한다.)

커스텀훅 =→사용자 정보 불러오가

컴