코딩 컨벤션 - boostcamp-2020/Project15-A-Client-Based-Formula-Editor GitHub Wiki

✔️ Coding Convention

• 함수는 화살표 함수 방식으로 작성한다.
• var를 쓰지 않고, const와 let으로 구성한다.(단, const를 주로 쓰되 변수의 값 변경이 필요할 경우 let을 쓴다.) -- eslint
• image, svg는 camel case로 작성한다.
• 변수명은 camel case로 작성한다. (issueLabel)
• .jsx를 제외한 파일명은 단어가 여러 개일 경우 '-' 로 구분한다. ex) category-model.js
• .jsx를 제외한 파일명 중 단어가 한 개일 경우는 소문자로 작성한다. ex) category.js
• .jsx 파일의 파일명은 PascalCase를 사용한다. ex) LoginPage.jsx
• webpack alias를 이용해서 파일 절대 경로로 import, export 사용
• 만약 주석이 필요한 경우 // TODO: 해야 할 일 혹은 한 일을 적어준다(2020.10.30)
• css는 styled-components를 사용하기
• for문 사용하지 않기(ex. for(let i=0; i<10; i++))
• 이벤트 핸들러는 on + 메소드명 + handler로 정의한다.(ex. onClickHandler)