Coding Convention

Lint

• 세미콜론 필수 사용
• function 으로 함수 작성, 필요할 경우 화살표 함수 사용
• 상대 경로로 import, export 를 사용
• export 할 함수는 function 을 사용
• var 절대 금지 !!, const, let 사용
• 카멜케이스(camelCase) 사용

Tap Depth

• 기본 Tab Depth 2, 최대 Tap Depth 4
• depth 가 4 이상으로 깊어지면 함수를 통해 나눌 수 있도록 설계할 것 !

Naming

• 이름을 통해 쓰임새를 알 수 있도록 작명할 것 (20자 미만, 직관적)
• 이름의 맨 앞이나 맨 뒤에 언더바(_)를 사용하지 않을 것
  • 변수, 함수, 인스턴스 👉🏻 camelCase (카멜 케이스)
  • 클래스, 생성자명 👉🏻 PascalCase (파스칼 케이스)
  • 상수 👉🏻 SCREAM_SNAKE_CASE (스크림 스네이크 케이스) 참고자료
  • Page, Component 👉🏻 PascalCase (파스칼 케이스)
  • img 👉🏻 kebab-case (케밥 케이스)
• 함수 이름은 동사 + 명사 구조로 네이밍할 것.

Comment

**// 기본 주석**

**// ?** 의견.
 → 의견을 구해야하거나, 피드백을 요청할 경우 사용.

**// !** 주의
→ 신경 쓸 부분이나 중요한 이야기가 있을 때 사용해주세요.

주석을 최대한 안쓰게끔 코드를 작성할 것 ! ! !

ETC

• console.log() 를 지우고 Pull Request 요청하기
• 삼항 연산자 사용을 지양합니다.
• 반복되는 코드를 줄여 효율적인 코드로 설계해주세요.
• 1 함수, 1 작업, 즉 하나의 함수는 하나의 일을 하도록 설계해주세요.