•
들여쓰기(tab) 2칸
•
prettier & eslint 사용
•
JavaScript ES6+ 문법 사용
•
var 사용 금지
•
세미콜론 필수
•
작은 따옴표 사용
•
약어 금지
•
컴포넌트 앞에 S붙이기
폴더명 | • camelCase |
파일명 | • REACT 컴포넌트 : PascalCase
• 이미지파일 : kebab-case
• JSX : PascalCase
• JS : camelCase
• 스타일드 컴포넌트 파일 : 컴포넌트명.Style.jsx로 표현 |
변수명 | • 일반적인 변수, 함수 : camelCase
- 변수: ‘명사형'으로 작성. 무엇을 담고있는지 정확히 표현(예: numberOfPeople)
- 불린형 변수: is~~로 표현
- 함수 : ‘동사형'으로 작성.
무엇을 하는 함수인지 정확히 표현(예: getInputValue)
- 상수 : UPPER_SNAKE_CASE
- 생성자 함수, 클래스 : PascalCase |