⚠️ 컴포넌트 파일 작성 방식
index.tsx
실질적인 컴포넌트 함수가 정의되는 파일. 로직과 jsx 문법이 정의된다.
styled.ts
해당 컴포넌트에 styled component가 사용되는 경우, 그 styled component를 정의하는 파일
‼️ styled component의 이름을 지을 때는 Styled- 로 시작하도록 한다.
types.ts
해당 컴포넌트에서'만' 사용되는 type/interface를 정의하는 파일
이렇게 하나의 컴포넌트 폴더는 위의 3개의 모듈로 구성된다.
모듈을 export 할 때는 페이지 가장 하단에 export { ... } 의 방식을 사용한다.
( 기존에 주로 사용하던 export const Modal .... 대신 새로운 방법을 사용 )
Copy of 예시) Modal⚠️ 컴포넌트가 서로 의존관계가 있을때
⚠️ models 디렉토리 파일 작성 방법
props 옵셔널 체이닝에 대해서