상수 : CAPITAL_SNAKE_CASE 변수/함수 : camelCase 클래스/컴포넌트/인터페이스 : PascalCase

[Server] 디렉토리 구조 : 도메인 - 레이어 구조 [Front, Server] 상위 디렉토리명 : camelCase [Front] 하위 컴포넌트 디렉토리명 : PascalCase [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
│   └── Header
│       └── Header.tsx
│   └── Footer
│       └── Footer.tsx
├── contexts
│   └── userContext.tsx
├── pages
│   └── Main
│       └── index.tsx
├── styles
│   ├── GlobalStyle.scss
│   └── Theme.scss
│   └── Main.scss
├── utils
│   └── utils.tsx
├── _App.tsx
├── _document.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: "안냥",
	}
}