FrontEnd/React

React 폴더, 컴포넌트, 함수 명명 규칙

Jong_seoung 2024. 3. 15. 11:32
반응형

리액트를 기준으로 폴더, 컴포넌트등 여러 명명규칙을 잘 지켜야한다.

react hooks 사용 시 소문자로 사용하시면 규칙 에러 표시된다고 한다.

 

폴더명

직접적으로 컴포넌트들이 들어있지 않은 디렉토리 폴더명의 첫시작은 소문자로 한다. (camelCase)

직접적으로 컴포넌트들이 들어있는 디렉토리 폴더명은 대문자로 시작하고 후속단어의 시작을 대문자로 한다. (PascalCase)

 

컴포넌트 명 (styled component 포함)

PascalCase를 사용

컴포넌트 명과 파일명을 일치시킨다.

컴포넌트를 제외한 모든 태그들은 소문자로 한다.

 

js 함수, 변수, hook

camelCase를 사용

 

asset 파일

소문자 사용

 

 

반응형