ASI를 이용하지 않고 세미콜론을 필수적으로 써준다. (prettier로 관리).

프로토타입 메서드를 제외하고 함수는 화살표 함수로 작성한다.

var를 쓰지 않고, const와 let으로 구성한다.(단, const를 주로 쓰되 변수의 값 변경이 필요할 경우 let을 쓴다.).

image, svg는 단어와 단어사이 -를 사용해 네이밍한다.(ex. erase-check.svg).

변수명은 camelCase로 작성한다. (issueLabel).

.jsx 파일의 파일명은 PascalCase를 사용한다. ex) LoginPage.jsx.

webpack alias를 이용해서 파일 절대 경로로 import, export 사용한다.

만약 주석이 필요한 경우 // TODO: 해야 할 일 혹은 한 일을 날짜와 함께 적어준다(2021年03月28日).

css는 styled-components를 사용한다.

for문은 꼭 필요한 경우가 아니라면 사용하지 않는다.(ex. for(let i=0; i<10; i++)).

이벤트 핸들러는 on + 메소드명 + Handler로 정의한다.(ex. onClickHandler).

액션 크리에이터 함수는 함수명 뒤에 무조건 Action을 붙혀줍니다.(ex. signInAction).

thunk함수는 함수명 뒤에 무조건 Middleware를 붙혀줍니다.(ex. signInMiddleware).

sign in sign up 단어는 두개의 단어로 생각하여 카멜케이스를 사용할때 signIn signUp으로 사용해준다.

서버요청 관련 코드에서는 무조건 status값을 받아 체크해주고 try catch문으로 묶어준다.

propTypes를 필수적으로 작성해준다.

변수명이 길어도 좋으니 한눈에 봐도 알아볼 수 있는 최대한 명시적인 변수명을 정해준다.

스타일드 컴포넌트내에 props를 전달할때는 $을 붙혀서 사용해줍니다. 예 )