<aside> ⚠️ 명명 규칙

• 변수명, 함수명, 폴더명, 파일명 : 카멜( camelCase ) 케이스를 사용한다.
• 컴포넌트 : 파스칼 케이스( PascalCase )를 사용한다.
• 배열 : 복수형으로 이름을 생성한다. (”arr, array” 금지)
• 폴더 안에 여러개가 들어가는 경우 -s 를 붙인다.

</aside>

<aside> <img src="/icons/snippet_green.svg" alt="/icons/snippet_green.svg" width="40px" /> 블록 구문

• 한 줄 짜리 블록일 경우라도 { }를 생략하지 않고 명확히 줄 바꿈 하여 사용한다.

</aside>

<aside> 🔚 문장 종료

• 문장 종료 시에는 반드시 세미콜론(;)을 사용한다.

</aside>

<aside> ↪️ 함수

• 불린 반환 함수 : 반환 값이 불린인 함수는 ‘is’로 시작한다.

• 🏹 Arrow Function 통일

• 함수 이름은 camelCase 로 작성

• 파라미터는 {} 로 감싸, 객체의 값으로 전달

</aside>

<aside> <img src="/icons/playback-play_green.svg" alt="/icons/playback-play_green.svg" width="40px" /> 이벤트 핸들러

• Props의 경우 : on → onClick
• 함수인 경우: handle → handleUserAdd

</aside>

<aside> ↪️ 주석(@

• 작성자, 기능을 작성한다

</aside>

<aside> 🔑 Component

• styled component의 경우 Styled로 묶어서 관리한다.
• 공용 컴포넌트의 경우 프로젝트 시작 전 함께 생성한다.

</aside>

<aside> 🛠 그 외

• 들여쓰기 : 4칸
• inline css 사용 금지

</aside>