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