[FE] Dear Moment

실행 방법

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

commit convention

• feat : 새로운 기능 추가
• chore : 간단한 수정
• style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
• fix : 버그 수정
• refactor : 코드 리펙토링

git branch 전략

• production: 운영 브랜치
• develop: 개발 브랜치
• feature: 작업 브랜치

branch 작명 방법

feature/dm-? // �Github 이슈 타이틀

PR 요청 방법

feature 브랜치로 github에 push 한 뒤, 해당 브랜치에서 develop 브랜치로 아래 양식에 맞게 PR 요청

# PR 요청 양식

제목: [dm-?] 작업 내용 요약

내용

## PR 유형

- [x] 기능 추가
- [ ] 버그 수정
- [ ] 스타일 수정
- [ ] 리팩터링

## 이슈 링크

https://~ (지라 작업 링크)

## 수정 사항

- 버튼 컴포넌트 기능 구현
- 버튼 컴포넌트 스타일 수정

## 기타

- 기타 등등..

shadcn 사용방법

1. 필요한 컴포넌트 설치

npx shadcn@latest add button

/app/components/ui/button.tsx 파일 생성

생성된 파일에 디자인 시스템 적용하기

2. 컴포넌트 사용

import { Button } from "@/components/ui/button";

<Button variant="outline">Button</Button>;

디자인 시스템

• 모바일 퍼스트 디자인 320px 기준(반응형 x)
• 1rem = 10px