네이밍 컨벤션

우리는 명확하고, 일관성 있는 코드 기반을 구축하기 위해 네이밍 규칙을 따릅니다.

변수 또는 함수 이름

길어지더라도 줄임말을 사용하지 않도록 합니다. (검색 시 용이하기 위해서)

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>

Made with SlashPage