내돈내여 : Front-end code convention

code convention

1. NAMING CONVENTIONS (중요: 잘 지켜야 함!!)

Compenents 이름: Pascal case (첫 단어를 대문자로 시작)

Non-components: Camel case (띄어쓰기 대신 대문자로 단어 구분)

상위 폴더에 속해있는 파일들 이름 직관적으로, 알아보기 쉽게 통일 (ex: mypage folder > Myinfo.jsx , Mylikes.jsx, Myplan.jsx …)

속성명: Camel case로 작성 (className, onSubmit, onChange…)

inline 스타일: Camel case로 작성

 

2. BUG AVOIDANCE

null 또는 undefined 일 수 있는 값은 optional chaining 연산자 (?.)사용

 

3. ARCHITECTURE 

jsx, scss, js 로 파일 분리.

페이지별로 파일을 묶어서 구조화.

 

1. ES6

spread 연산자 사용

구조 분해 할당을 사용

let과 const만 사용 (var사용 금지)

화살표 함수를 사용

직접 null check 하기 보다 optional chaining 연산자(?.)사용