코딩 컨벤션

• .idea/codeStyles, editorconfig, fronend/.prettierrc 파일이 있어서 어떤 환경이든 코딩 스타일이 통합되게 되어있음
• 코딩 스타일은 Google 스타일을 거의 따라감

Frontend (JS)

React.js, Javascript

• 디렉토리 구조는 백엔드의 도메인 별 분류를 따름
• 페이지와 컴포넌트 분리

SCSS

• Nesting은 최대 2회 중첩. 그 이상은 className, id 사용
• id, className 작명은 kebab-case를 따름
  • ex) id=”btn-submit”, className=”btn-group-wrapper” 등
• 한 번 읽으면 좋은 글: https://velog.io/@gogi7979/HTML-CSS-네이밍#q2-네이밍에-어떤-단어를-써야할까

Backend (Java)

DTO, Entity

• record로 정의
• DTO ↔ Entity 변환은 Factory 클래스를 사용하여 불변성 보장
• 생성자, getter는 Lombok 사용

Controller

• RestController

Service

• 읽기는 -QueryService, 쓰기는 -CommandService로 트랜잭션 분리