상수 : CAPITAL_SNAKE_CASE

변수/함수 : 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{}

Front-End 디렉토리 구조 예시입니다

├── 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

Back-End 디렉토리 구조 예시입니다

auth
	/ controller
			/ auth.controller.ts
	/ model
			/ auth.model.ts
	/ service
			/ auth.service.ts
	/ dto
			/ auth-request.dto.ts
			/ auth-response.dto.ts

JSON 규격 예시입니다

{
	state: true,
	message: "이것은 테스트여!",
	data: {
		nowUser: [1, 2, 3, 4, 5],
		helloWorld: "안냥",
	}
}