변수 / 함수 : camelCase 상수: SNAKE_CASE / 대문자 식별자/클래스/컴포넌트/인터페이스 : PascalCase

(ts 파일은 camelCase / tsx 파일은 PascalCase) ts 파일 담은 디렉토리명 : camelCase 컴포넌트(tsx) 디렉토리명 : PascalCase

pages 안 페이지 렌더링 파일들은 camelCase

이벤트핸들러 camelCase(handleLoginButtonClick / onCllickLoginButton)

props의 경우 on(onClick) / 함수인 경우 handle(handleClick)

• 함수 작성: 함수 표현식 사용 / 화살표 함수 사용

확장자: UI가 있는 컴포넌트일 경우에 tsx를 사용하고, 기능 컴포넌트는 ts를 사용한다.

페이지 컴포넌트 tsx 사용

pixel 사용

export default 파일 아래 작성 / export const 앞 쪽에 작성

• import 순서

• prettier

• eslint

요거 그냥 정리 잘 되어 있는 것 같아서 ㅎㅎ

https://myung-ho.tistory.com/100