상수 : 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 디렉토리 구조

frontend
└── src
   ├── api
   │
   ├── audios
   │
   ├── components
   │   ├── account
   │   ├── icons
   │   ├── layout
   │   ├── question
   │   ├── record
   │   ├── roomDetail
   │   └── rooms
   │
   ├── hooks
   │
   ├── images
   │
   ├── pages
   │   └── questions
   │
   ├── store
   │
   ├── App.js
   ├── App.css
   ├── index.css
   └── index.js

Back-End 디렉토리 구조

java/corinee/cokkiri
├── api
│   ├── controller
│   ├── request
│   ├── response
│   └── service
│  
├── common
│   └── util
│
└── db
    ├── domain
    └── repository

JSON 규격

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