💻 코드 컨벤션

— Javascript

1. 들여쓰기는 공백 문자 2개를 사용한다.
   1. https://eslint.org/docs/latest/rules/indent
2. 한 줄에 하나의 문장을 사용하고 세미콜론으로 끝낸다.
   1. https://eslint.org/docs/latest/rules/semi
3. 명명 규칙
   1. 변수와 함수는 camelCase 를 사용한다.
      1. https://eslint.org/docs/latest/rules/camelcase
   2. 상수는 SNAKE_CASE 를 사용한다.
   3. 생성자는 PascalCase 를 사용한다.
   4. 범용적 대문자 약어는 그대로 사용한다. ( HTML, URL, ID 등 )
4. 전역 변수를 사용하지 않는다.
5. const, let 을 값 변경 여부에 따라 적절하게 사용한다. var 는 사용하지 않는다.
   1. http://eslint.org/docs/rules/no-var
6. 외부 모듈과 내부 모듈 선언 사이에 공백을 둔다.
7. 객체의 프로퍼티가 1개인 경우에만 한 줄 정의를 허용한다. 2개 이상일 경우에는 개행을 강제한다.
   1. https://eslint.org/docs/latest/rules/object-property-newline
8. 객체의 메서드 표현 시 축약 메서드 표기를 사용한다.
   1. https://eslint.org/docs/rules/object-shorthand
9. 메서드 문법 사용 시 메서드 사이에 개행을 추가한다.
   1. http://eslint.org/docs/rules/lines-between-class-members
10. 함수는 화살표 함수를 사용하는 것을 강제한다.
    1. http://eslint.org/docs/rules/prefer-arrow-callback
11. 화살표 함수에서 암시적 반환을 활용한다.
12. 오브젝트 프로퍼티에 접근할 때 Destructuring 을 사용한다.
    1. http://eslint.org/docs/rules/prefer-destructuring
13. 한 줄짜리 블록이라도 중괄호를 생략하지 않는다.
    1. http://eslint.org/docs/rules/brace-style
    2. http://eslint.org/docs/rules/curly
14. switch-case 사용 시 첫 번째 case 문을 제외하고 case 문 전에 개행한다.
15. 삼중 등호 연산자를 사용한다.
    1. http://eslint.org/docs/rules/eqeqeq
16. 배열을 순회할 때 for 문 사용을 지양한다.

[참고]

코딩 컨벤션

---

— Typescript

1. 타입 선언은 기본적으로 interface 를 사용한다.

2. enum 이름은 Pascal Case, 멤버는 SNAKE_CASE 를 사용한다.

3. 일반적으로 falsy 값은 undefined 를 사용한다. 초기값을 반드시 명시해야 할 경우에는 null 을 사용한다.

   1. 초기 값에 undefined를 할당해야 하는 경우, 생성 시 할당하지 않고 인터페이스(타입)를 선언해 옵셔널 값으로 지정한다.

   // Bad, y가 undefined다.
   let foo = { x: 123, y: undefined };
   // Good. 초기 할당시 y를 할당하지 않아도 되며, 나중에 넣을 수 있다
   let foo: { x: number, y?: number } = { x:123 };

4. null 과 undefined 를 확인할 때는 이중 등호 연산자를 사용한다.

   1. 이중 등호 연산자는 null, undefined 외 다른 falsy 값에 작동하지 않는다.

[참고]

스타일 가이드

---

— 폴더 / 파일 이름

1. 타입은 다음과 같이 정의한다.
   1. Frontend
      1. 공통적으로 사용하는 타입 (모든 컴포넌트에서 사용될 수 있는 타입)은
      2. 컴포넌트에서 사용하는 타입은 동일한 컴포넌트이름.d.ts 파일 안에 정의한다.
      3. 다만, 컴포넌트 Props의 타입은 컴포넌트 파일 내부에서 상단에 정의한다.
   2. Backend
      1. 도메인 폴더에 엔티티와 레이어간 데이터 이동을 위한 DTO를 정의한다.
      2. Type은 전역으로 관리한다.
2. 테스트 폴더는 별도로 관리한다.

---

.. 추후 추가 예정