Skip to content

Convention

Shinwon Jang edited this page Nov 24, 2024 · 3 revisions

Team Rules

히딩크 모드 도입

  • 모두가 서로에게 반말 모드
  • PR도 반말로
  • 존댓말하면 패널티 (구현해야하는 컴포넌트 추가)

Coding Conventions

Props 관리

  • ✅ 모든 props bypass 방식으로 확정
  • ✅ forwardRef 사용 확정

함수 선언

  • 익명함수(arrow function) 대신 명시적 함수 선언 선호
  • 모듈 내부 상수는 함수 내부에서 관리 가능

package 하위 폴더 네이밍

  • kebab-case 사용 확정 (ex. packages/reset-css)

Design System

색상 토큰

  • 직관적인 색상명 사용 (ex. surface → black)
  • chakra-ui의 색상 정의를 기본으로 채택
  • 세부 색상은 추후 조정

폰트 토큰

  • fontSize, fontWeight 정의 필요
  • 의현님이 관련 초안 작성 예정

반응형 디자인

  • device-size 정의 필요
  • PC/Mobile 두 가지로 구분하여 관리

글로벌 스타일

  • reset-css 등 글로벌 스타일을 위한 별도 패키지 생성 예정
  • packages 폴더 내에서 관리