코딩 컨벤션

변수/함수 : camelCase 클래스/컴포넌트/인터페이스 : PascalCase [Front, Server] 상위 디렉토리명 : camelCase [Front] 하위 컴포넌트 디렉토리명 : PascalCase [Server] 디렉토리 구조 : 도메인 - 레이어 구조 [ETC] 통신 규격 : JSON(camelCase) 이벤트핸들러 [Front] : camelCase(handleLoginButtonClick / onCllickLoginButton) [Socket] : camelCase

`상수`

const MY_NAME = 'thomas';

`변수, 함수`

const roomNumber = 3;
const getYourData = ()=> console.log("hello world");

`클래스, 컴포넌트, 인터페이스 예시`

class Person{}

const Person = () => {}

interface Person{}

프론트엔드 디렉토리 구조

├── assets
│   └── button-icon.png
├── components
│   └── Chat
│       ├── Chat.tsx
│       ├── index.ts
│       └── style.ts
├── contexts
│   └── userContext.tsx
├── pages
│   └── Main
│       ├── Main.tsx
│       ├── index.ts
│       └── style.ts
├── styles
│   ├── GlobalStyle.tsx
│   └── Theme.tsx
├── utils
│   └── utils.ts
├── App.tsx
└── index.tsx

깃 커밋 메세지 형식

#제목: 구현한 기능
#본문: 코드 의도 설명 가능한 자세하게

# feat     : 새로운 기능 추가
# fix      : 버그 수정
# docs     : 문서 수정
# test     : 테스트 코드 추가
# refactor : 코드 리팩토링, 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우, 파일을 삭제하는 작업만 수행한 경우
# design   : CSS 및 레이아웃 작업
# chore    : 코드 외 빌드 부분 혹은 패키지 매니저 수정사항

예시
# feat: 회원 가입 기능 추가

아이디랑 비밀번호를 입력받아서 값을 검증하고 DB에 회원 정보를 저장합니다.
응답값은 비밀번호를 제외한 입력값을 반환합니다.