<aside> 👉 참고 - ‣

</aside>

서문

제 1원칙

1. 가장 중요한 것은 가독성이다.
   • 항상 코드 그 자체가 문서가 될 수 있도록 한다.
2. 문제가 생기면 최대한 빨리 크래시가 나도록 한다.
   • 어떻게든 돌다가 멈추는 게 가장 나쁜 상황임을 인지한다.
3. 정말 합리적이고 불가피한 이유가 있는 게 아니라면 개발환경 설정 페이지의 Prettier 서식을 따른다.

I. 메인 코딩 표준

1. Interface, Type, Element를 반환하는 함수명엔 파스칼 케이스를 사용한다.

   interface IInterface {
   	foo: string;
   }
   
   type TType = number | string;
   
   function ReturnsElement() {
   	return <div />;
   }
   

2. 그 외 지역 변수, 함수, 함수 매개변수 등엔 카멜 케이스를 사용한다.

   function myFunction() {
   	const myVariable = 1;
   
   	return myVariable;
   }
   

3. 전역으로 쓰는 상수의 이름은 모두 대문자로 하며, 밑줄로 띄어쓰기를 분리한다.

   const MY_GLOBAL_VARIABLE = 1
   

4. boolean형 변수는 앞에 is 를 붙인다.

   const isHired = true;
   

5. 인터페이스를 선언할 때는 앞에 I를, 타입을 선언할 때는 앞에 T를 붙인다.

   interface IInterface {
   	foo: string;
   }
   
   type TType = number | string;
   

6. 값을 반환하는 함수는 반환값을 예측할 수 있는 이름을 짓는다.

   function getUserName() {}
   

7. 단순히 반복문에만 사용되는 변수가 아니라면 반복문 내에서도 i 등의 변수명 대신 index 처럼 명확한 변수명을 사용한다.

8. 외부 패키지 먼저 import 한 뒤, 내부 파일을 import한다.

9. switch case문엔 항상 default 를 추가한다.

10. default 문이 절대 실행될 일이 없다면 Error 를 throw한다.

11. CSS의 Class 이름은 kebab-case 로 작성한다.

II. 포매팅