스타일 컨벤션 정립

[smileboy0014]

어떤 이슈인가요?

어떤 상황인지 간결하게 설명해주세요
프론트에서 각자 스타일을 정의할 때 컨벤션이 달라 하나로 컨벤션을 통합하기로 하였습니다.

어떤 내용인가요?

가능한 자세히 작성해주세요

props를 어디에 정의할거냐?

• 그냥 컴포넌트 위에 선언해주기로!!(재사용성이 없기 때문에)

컴포넌트 정의할 때 default 쓸거냐?? (컴포넌트, 커스텀 훅)

• default를 쓰자

types/밑에는 어떤 정보를 뺄거냐?

• dto 정보, enum 정보, api params 관련 등...

컴포넌트 분리하기 어떻게?

components/
  common/              ← 모든 도메인에서 쓰는 진짜 공용 컴포넌트
    Button.tsx
    Spinner.tsx
    Modal.tsx

  recordings/          ← 특정 도메인/페이지 전용
    FilterButton.tsx
    SortButton.tsx
    RecordingItem.tsx

  profile/
    ProfileCard.tsx
    EditProfileForm.tsx

...

• 이 방식으로 확정!

---

참고할만한 자료(선택)

[leesm0218]

style 컨벤션을 대문자 = {소문자: }로 하기로 한 걸 추가해주시면 될 것 같습니다.