# 네이밍 컨벤션

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

---

## 변수 또는 함수 이름

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

    - idx → index

    - num → number

    - cmd → command

- `camel case`를 기본으로 합니다.

---

## 컴포넌트, 파일명 규칙

- **컴포넌트**는 폴더, 파일이 대문자로 시작

- **페이지**는 폴더, 파일이 소문자로 시작

- 그 외는 소문자 시작

- `camel case`를 기본으로 합니다.

---

## 함수 명 규칙

- 컴포넌트와 페이지는 대문자로 시작

- util function과 use hook은 소문자

- `camel case`를 기본으로 합니다.

---

## ClassName 이름

모듈별로는 ‘box’

모듈을 묶을때는 ‘wrapper’

```javascript
<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>
```

---

For the site tree, see the [root Markdown](https://slashpage.com/infograb-producteam.md).