네이밍 컨벤션
우리는 명확하고, 일관성 있는 코드 기반을 구축하기 위해 네이밍 규칙을 따릅니다.
변수 또는 함수 이름
•
길어지더라도 줄임말을 사용하지 않도록 합니다. (검색 시 용이하기 위해서)
◦
idx → index
◦
num → number
◦
cmd → command
•
camel case를 기본으로 합니다.
컴포넌트, 파일명 규칙
•
컴포넌트는 폴더, 파일이 대문자로 시작
•
페이지는 폴더, 파일이 소문자로 시작
•
그 외는 소문자 시작
•
camel case를 기본으로 합니다.
함수 명 규칙
•
컴포넌트와 페이지는 대문자로 시작
•
util function과 use hook은 소문자
•
camel case를 기본으로 합니다.
ClassName 이름
모듈별로는 ‘box’
모듈을 묶을때는 ‘wrapper’
<div classname='wrapper'>
<div classname='box'>
<label>name:</label>
<input name='name'/>
</div>
<div classname='box'/>
// wrapper 안에 다시 묶을때도 wrapper 사용
<div classname='wrapper'>
<div classname='box'>
<label>name:</label>
<input name='name'/>
</div>
<div classname='box'/>
</div>
</div>