코딩 컨벤션

[편집기록]

날짜	내용	버전	작성자
2019-11-09	home에 있던 코딩 컨벤션 내용을 이 페이지로 옮김	1.0	김기표
2019-11-14	회의내용을 이 페이지로 옮김. React Component 명명규칙과 함수나누기	1.0	김기표

---

• Es Lint를 사용한다.
• Typescript를 사용한다.
• client는 함수형 react 컴포넌트를 사용한다.
• 그 외의 기능 부분은 class를 사용한다.
• 파일명은 소문자로 한다.
• 대부분의 변수명은 카멜케이스로한다.
• 설정값은 대문자 언더스코어
• 함수는 동사 혹은 전치사형으로 한다.
• 이 문서에 필요를 느낄시 원하는 코딩 컴벤션을 추가한다.

React component Style-component 명명 규칙

• React Component의 이름은 구체적으로 명시한다.
• style component의 경우 React Component를 통해 역할을 유추할 수 있게만 간결하게 짓는다.
  • ex) React Component : Sidebar Style-component : Wrapper (유추 : sidebarWrapper)

함수 나누기

• 하나의 함수가 하나의 역할만 할 수 있도록 나누고 리뷰를 통해 맞춰나간다.