코드 스타일 컨벤션

Component Style

스타일을 위한 코드가 컴포넌트 코드의 가독성을 해친다면, style.tsx 파일에 작성해주세요.

Component.tsx

컴포넌트 파일에서 style.tsx 코드를 import할 때에는 import * as S from "./style"로 맞춰주세요. (이때 불러오는 모듈 이름 S는 Styled의 약어입니다.)

style.tsx

Styled component를 선언할 때, 컴포넌트 = styled.~; 형식으로 변수명을 사용해주세요.

UI Library

컴포넌트 이름과 UI Library 컴포넌트 이름이 겹치는 경우

아래와 같이 import as문을 사용하여 UI Library 컴포넌트 이름을 UI Library 이름 + 컴포넌트 이름(PascalCase)으로 변경해서 사용해주세요.

• 예시) 혜경님 코드😍