Skip to content

docs: Update README.md #139

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jihye5081 merged 2 commits into from
Feb 6, 2025
Merged

docs: Update README.md #139

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
44f34d5
Update README.md
hyeonjiroh Feb 6, 2025
d02378d
Update README.md
hyeonjiroh Feb 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
335 changes: 180 additions & 155 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,191 +1,161 @@
# μ½”λ“œμž‡ μŠ€ν”„λ¦°νŠΈ 13κΈ° 3νŒ€(파트 2)

> κ°œλ°œκΈ°κ°„: 2025.01.24 ~

## Contributors

<table style="text-align:center">
<thead>
<tr>
<th width="250px;">νŒ€μ›</th>
<th width="600px;">μ—­ν• </th>
</tr>
</thead>
<tbody>
<tr>
<td height="300px">
<a href="https://github.com/hyeonjiroh">
<img src="https://avatars.githubusercontent.com/u/108173863?v=4" width="150px;" height="150px;" alt="λ…Έν˜„μ§€" />
<h3><b>λ…Έν˜„μ§€</b></h3>
</a>
</td>
<td>
<ul>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - 후원 리슀트 μ„Ήμ…˜</li><br>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - 후원 λͺ¨λ‹¬</li>
</ul>
</td>
</tr>
<tr>
<td height="300px">
<a href="https://github.com/doctor-taco">
<img src="https://avatars.githubusercontent.com/u/100111506?v=4" width="150px;" height="150px;" alt="λ°•μž¬ν˜„" />
<h3><b>λ°•μž¬ν˜„</b></h3>
</a>
</td>
<td>
<ul>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ μ„Ήμ…˜</li><br>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ μΆ©μ „ λͺ¨λ‹¬</li><br>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ λΆ€μ‘± λͺ¨λ‹¬</li>
</ul>
</td>
</tr>
<tr>
<td height="300px">
<a href="https://github.com/juha399">
<img src="https://avatars.githubusercontent.com/u/174230233?v=4" width="150px;" height="150px;" alt="μ‹ μ£Όν•˜" />
<h3><b>μ‹ μ£Όν•˜</b></h3>
</a>
</td>
<td>
<li>λ§ˆμ΄νŽ˜μ΄μ§€ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ μ„Ήμ…˜</li><br>
<li>이미지 μ»΄ν¬λ„ŒνŠΈ(곡톡)</li>
</td>
</tr>
<tr>
<td height="300px">
<a href="https://github.com/yoonc01">
<img src="https://avatars.githubusercontent.com/u/143938662?v=4" width="150px;" height="150px;" alt="μœ€νš¨μ€€" />
<h3><b>μœ€νš¨μ€€</b></h3>
</a>
</td>
<td>
<li>λžœλ”© νŽ˜μ΄μ§€</li><br>
<li>Nav μ»΄ν¬λ„ŒνŠΈ(곡톡)</li><br>
<li>λͺ¨λ‹¬ μ»΄ν¬λ„ŒνŠΈ(곡톡)</li><br>
<li>λ²„νŠΌ μ»΄ν¬λ„ŒνŠΈ(곡톡)</li>
</td>
</tr>
<tr>
<td height="300px">
<a href="https://github.com/jihye5081">
<img src="https://avatars.githubusercontent.com/u/87625901?v=4" width="150px;" height="150px;" alt="μž„μ§€ν˜œ" />
<h3><b>μž„μ§€ν˜œ</b></h3>
</a>
</td>
<td>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - 차트 리슀트 μ„Ήμ…˜</li><br>
<li>λͺ©λ‘ νŽ˜μ΄μ§€ - νˆ¬ν‘œ λͺ¨λ‹¬</li>
</td>
</tr>
</tbody>
# Fandom-K
μ½”λ“œμž‡ μŠ€ν”„λ¦°νŠΈ 13κΈ° Part 2 κ³Όμ •μ—μ„œ 3νŒ€μ΄ μ§„ν–‰ν•œ 기초 ν”„λ‘œμ νŠΈ **Fandom-K** λ ˆν¬μ§€ν† λ¦¬μž…λ‹ˆλ‹€.

## πŸš€ 배포 μ£Όμ†Œ
https://fandom-k-murex.vercel.app

## πŸ“ ν”„λ‘œμ νŠΈ κ°œμš”
**Fandom-K**λŠ” ν›„μ›μ΄λ‚˜ νˆ¬ν‘œλ₯Ό 톡해 μ’‹μ•„ν•˜λŠ” μ•„μ΄λŒμ„ 응원할 수 μžˆλŠ” μ•„μ΄λŒ 팬덀 ν”Œλž«νΌμž…λ‹ˆλ‹€.
### λžœλ”© νŽ˜μ΄μ§€(/)
- Fandom-K의 초기 μ‹œμž‘ νŽ˜μ΄μ§€

### λͺ©λ‘ νŽ˜μ΄μ§€(/list)
- μžμ‹ μ΄ λ³΄μœ ν•œ ν¬λ ˆλ”§ 개수 확인 및 μΆ©μ „
- λ³΄μœ ν•œ ν¬λ ˆλ”§μ„ μ‚¬μš©ν•˜μ—¬ μ’‹μ•„ν•˜λŠ” μ•„μ΄λŒμ„ 후원
- λ³΄μœ ν•œ ν¬λ ˆλ”§μ„ μ‚¬μš©ν•˜μ—¬ μ’‹μ•„ν•˜λŠ” μ•„μ΄λŒμ—κ²Œ νˆ¬ν‘œ

### 마이 νŽ˜μ΄μ§€(/mypage)
- μ’‹μ•„ν•˜λŠ” μ•„μ΄λŒμ„ 관심 μ•„μ΄λŒ λͺ©λ‘μ— 등둝

## βš™οΈ μ£Όμš” κΈ°λŠ₯
### λžœλ”© νŽ˜μ΄μ§€
- μƒλ‹¨μ˜ 둜고 클릭 μ‹œ localStorage의 ν¬λ ˆλ”§ 개수λ₯Ό μ΄ˆκΈ°ν™”ν•˜μ§€ μ•Šκ³  λͺ©λ‘ νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.
- 'μ§€κΈˆ μ‹œμž‘ν•˜κΈ°' λ²„νŠΌ 클릭 μ‹œ localStorage의 ν¬λ ˆλ”§ 개수λ₯Ό 50개둜 μ΄ˆκΈ°ν™”ν•˜κ³  λͺ©λ‘ νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

### λͺ©λ‘ νŽ˜μ΄μ§€
#### λ‚΄ ν¬λ ˆλ”§
- localStorage에 μ €μž₯된 ν˜„μž¬ μ‚¬μš©μžμ˜ ν¬λ ˆλ”§ 개수λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.
- 'μΆ©μ „ν•˜κΈ°' 클릭 μ‹œ 'ν¬λ ˆλ”§ μΆ©μ „ν•˜κΈ°' λͺ¨λ‹¬μ°½μ΄ λ‚˜νƒ€λ‚˜ ν¬λ ˆλ”§μ„ μΆ©μ „ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- ν¬λ ˆλ”§μ€ 100, 500, 1000 λ‹¨μœ„λ‘œ μΆ©μ „ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- μΆ©μ „ μ™„λ£Œ μ‹œ 'μΆ©μ „ μ™„λ£Œ' λͺ¨λ‹¬μ°½μ΄ λ‚˜νƒ€λ‚¨κ³Ό λ™μ‹œμ— localStorage의 ν¬λ ˆλ”§ κ°œμˆ˜κ°€ μΆ©μ „ν•œ 개수만큼 λŠ˜μ–΄λ‚©λ‹ˆλ‹€.

#### 후원을 κΈ°λ‹€λ¦¬λŠ” 쑰곡
- PC ν™”λ©΄μ—μ„œλŠ” νŽ˜μ΄μ§€ λ‹¨μœ„λ‘œ, Tabletκ³Ό Mobile ν™”λ©΄μ—μ„œλŠ” λ¬΄ν•œ 슀크둀둜 후원 λͺ©λ‘μ„ λ³΄μ—¬μ€λ‹ˆλ‹€.
- 'ν›„μ›ν•˜κΈ°' λ²„νŠΌ 클릭 μ‹œ 'ν›„μ›ν•˜κΈ°' λͺ¨λ‹¬μ°½μ΄ λ‚˜νƒ€λ‚˜ λ³΄μœ ν•œ ν¬λ ˆλ”§μ„ μ‚¬μš©ν•˜μ—¬ 후원할 수 μžˆμŠ΅λ‹ˆλ‹€.
- λ³΄μœ ν•œ ν¬λ ˆλ”§ μ΄λ‚΄μ—μ„œ ν›„μ›ν•˜κ³ μž ν•˜λŠ” ν¬λ ˆλ”§ 개수λ₯Ό μ‚¬μš©μžκ°€ 직접 μž…λ ₯ν•˜λ©΄ 'ν›„μ›ν•˜κΈ°' λ²„νŠΌμ΄ ν™œμ„±ν™”λ˜μ–΄ 후원이 κ°€λŠ₯ν•΄μ§‘λ‹ˆλ‹€.
- 후원 μ™„λ£Œ μ‹œ '후원 μ™„λ£Œ' λͺ¨λ‹¬μ°½μ΄ λ‚˜νƒ€λ‚¨κ³Ό λ™μ‹œμ— ν›„μ›ν•œ ν¬λ ˆλ”§ 개수만큼 localStorage의 ν¬λ ˆλ”§ κ°œμˆ˜κ°€ 쀄어듀고, ν•΄λ‹Ή μ•„μ΄λŒμ˜ ν›„μ›λœ ν¬λ ˆλ”§ κ°œμˆ˜λŠ” λŠ˜μ–΄λ‚©λ‹ˆλ‹€.

#### μ΄λ‹¬μ˜ 차트
- μ΄λ‹¬μ˜ μ—¬μž/λ‚¨μž μ•„μ΄λŒ ν† κΈ€ 클릭 μ‹œ μ—¬μž/λ‚¨μž μ•„μ΄λŒμ˜ νˆ¬ν‘œ μˆœμœ„λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
Copy link
Collaborator

@doctor-taco doctor-taco Feb 6, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

μΆ”κ°€: 차트 νˆ¬ν‘œν•˜κΈ° λ²„νŠΌ 클릭 μ‹œ (ν˜Ήμ€ νˆ¬ν‘œ λͺ¨λ‹¬μ—μ„œ μ•„μ΄λŒμ„ μ„ νƒν•œ ν›„ νˆ¬ν‘œν•˜κΈ° λ²„νŠΌμ„ 클릭 μ‹œ) μ†Œμ§€ν•œ ν¬λ ˆλ”§μ΄ 1000 미만이면 ν¬λ ˆλ”§ λΆ€μ‘± λͺ¨λ‹¬μ΄ ν‘œμ‹œλ˜λ©° 확인을 눌러 λͺ¨λ‹¬μ„ λ‹«κ±°λ‚˜ μΆ©μ „ν•˜κΈ°λ₯Ό 눌러 ν¬λ ˆλ”§ μΆ©μ „ λͺ¨λ‹¬λ‘œ μ „ν™˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

- '차트 νˆ¬ν‘œν•˜κΈ°' λ²„νŠΌ 클릭 μ‹œ 'μ΄λ‹¬μ˜ μ—¬μž/λ‚¨μž μ•„μ΄λŒ' λͺ¨λ‹¬μ°½μ΄ λ‚˜νƒ€λ‚˜ μ›ν•˜λŠ” μ•„μ΄λŒμ—κ²Œ νˆ¬ν‘œν•  수 μžˆμŠ΅λ‹ˆλ‹€.
- 'νˆ¬ν‘œν•˜κΈ°' λ²„νŠΌ 클릭 μ‹œ 보유 ν¬λ ˆλ”§μ΄ 1000 ν¬λ ˆλ”§ 이상일 경우 1000 ν¬λ ˆλ”§μ„ μ‚¬μš©ν•˜μ—¬ μ›ν•˜λŠ” μ•„μ΄λŒμ—κ²Œ 1ν‘œλ₯Ό 쀄 수 μžˆμŠ΅λ‹ˆλ‹€.
- 'νˆ¬ν‘œν•˜κΈ°' λ²„νŠΌ 클릭 μ‹œ 보유 ν¬λ ˆλ”§μ΄ 1000 ν¬λ ˆλ”§ 미만일 경우 ν¬λ ˆλ”§ λΆ€μ‘± λͺ¨λ‹¬μ°½μ΄ λ‚˜νƒ€λ‚©λ‹ˆλ‹€.
- ν¬λ ˆλ”§ λΆ€μ‘± λͺ¨λ‹¬μ°½μ—μ„œλŠ” '확인' λ²„νŠΌμ„ ν΄λ¦­ν•˜μ—¬ λͺ¨λ‹¬μ°½μ„ λ‹«κ±°λ‚˜ 'μΆ©μ „ν•˜κΈ°' λ²„νŠΌμ„ ν΄λ¦­ν•˜μ—¬ ν¬λ ˆλ”§ μΆ©μ „ λͺ¨λ‹¬μ°½μœΌλ‘œ μ „ν™˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

### 마이 νŽ˜μ΄μ§€
#### λ‚΄κ°€ κ΄€μ‹¬μžˆλŠ” μ•„μ΄λŒ
- 관심 μ•„μ΄λŒλ‘œ λ“±λ‘ν•œ μ•„μ΄λŒ λͺ©λ‘μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
- 각 μ•„μ΄λŒ μ•„μ΄μ½˜ 우츑 μƒλ‹¨μ˜ X λ²„νŠΌ 클릭 μ‹œ 관심 μ•„μ΄λŒ λͺ©λ‘μ—μ„œ μ‚¬λΌμ§‘λ‹ˆλ‹€.
- 관심 μ•„μ΄λŒμ˜ κ°œμˆ˜κ°€ νŠΉμ • 개수λ₯Ό λ„˜μ–΄κ°€λ©΄ λ¬΄ν•œ μŠ€ν¬λ‘€μ„ 톡해 λͺ©λ‘μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

#### 관심 μžˆλŠ” μ•„μ΄λŒμ„ μΆ”κ°€ν•΄λ³΄μ„Έμš”.
- 관심 μ•„μ΄λŒλ‘œ λ“±λ‘ν•˜κ³  싢은 μ•„μ΄λŒμ„ μ—¬λŸ¬ λͺ… 선택할 수 μžˆμŠ΅λ‹ˆλ‹€.
- μ•„μ΄λŒ μ•„μ΄μ½˜μ„ ν΄λ¦­ν–ˆμ„ λ•Œ ν•΄λ‹Ή μ•„μ΄μ½˜μ— 체크 ν‘œμ‹œκ°€ μΆ”κ°€λ©λ‹ˆλ‹€.
- 'μΆ”κ°€ν•˜κΈ°' λ²„νŠΌ 클릭 μ‹œ 체크 ν‘œμ‹œκ°€ λ˜μ–΄μžˆλŠ” μ•„μ΄λŒλ“€μ΄ 관심 μ•„μ΄λŒλ‘œ λ“±λ‘λ©λ‹ˆλ‹€.

### 헀더
- μ€‘μ•™μ˜ 둜고 클릭 μ‹œ λͺ©λ‘ νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.
- 우츑의 μœ μ € ν”„λ‘œν•„ 클릭 μ‹œ 마이 νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

## ⏳ 개발 κΈ°κ°„
2025.01.24 ~ 2025.02.12

## πŸ‘©πŸ»β€πŸ’» νŒ€μ› μ†Œκ°œ
<table>
<tr>
<td align="center"><b>λ…Έν˜„μ§€</b></td>
<td align="center"><b>λ°•μž¬ν˜„</b></td>
<td align="center"><b>μ‹ μ£Όν•˜</b></td>
<td align="center"><b>μœ€νš¨μ€€</b></td>
<td align="center"><b>μž„μ§€ν˜œ</b></td>
</tr>
<tr>
<td align="center">
<a href="https://github.com/hyeonjiroh">
<img width="200px" src="https://avatars.githubusercontent.com/u/108173863?v=4"/>
</a>
</td>
<td align="center">
<a href="https://github.com/doctor-taco">
<img width="200px" src="https://avatars.githubusercontent.com/u/100111506?v=4"/>
</a>
</td>
<td align="center">
<a href="https://github.com/juha399">
<img width="200px" src="https://avatars.githubusercontent.com/u/174230233?v=4"/>
</a>
</td>
<td align="center">
<a href="https://github.com/yoonc01">
<img width="200px" src="https://avatars.githubusercontent.com/u/143938662?v=4"/>
</a>
</td>
<td align="center">
<a href="https://github.com/jihye5081">
<img width="200px" src="https://avatars.githubusercontent.com/u/87625901?v=4"/>
</a>
</td>
</tr>
</table>

## μ»¨λ²€μ…˜
## 🀝 μ—­ν•  λΆ„λ‹΄
### λ…Έν˜„μ§€
- λͺ©λ‘ νŽ˜μ΄μ§€ - 후원 리슀트 μ„Ήμ…˜
- λͺ©λ‘ νŽ˜μ΄μ§€ - 후원 λͺ¨λ‹¬

### Commit Message
### λ°•μž¬ν˜„
- λͺ©λ‘ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ μ„Ήμ…˜
- λͺ©λ‘ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ μΆ©μ „ λͺ¨λ‹¬
- λͺ©λ‘ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ λΆ€μ‘± λͺ¨λ‹¬
Copy link
Collaborator

@doctor-taco doctor-taco Feb 6, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

μΆ”κ°€: 둜컬 μŠ€ν† λ¦¬μ§€ (creditStorage)

Copy link
Collaborator Author

@hyeonjiroh hyeonjiroh Feb 6, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

μ—­ν•  뢀뢄은 개발 μ™„λ£Œ ν›„ ν•œκΊΌλ²ˆμ— μ •λ¦¬ν•˜λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€.


```
νƒ€μž…: μš”μ•½
```

#### νƒ€μž…

- feat : μƒˆλ‘œμš΄ κΈ°λŠ₯ μΆ”κ°€
- fix : 버그 μˆ˜μ •
- docs : λ¬Έμ„œ λ‚΄μš© λ³€κ²½
- style : μ½”λ“œ μŠ€νƒ€μΌ λ³€κ²½(μ½”λ“œ ν¬λ©”νŒ…, μ„Έλ―Έμ½œλ‘  λˆ„λ½)
- design: μ‚¬μš©μž UI λ””μžμΈ λ³€κ²½(CSS λ“±)
- refactor : μ½”λ“œ λ¦¬νŒ©ν† λ§
- test : ν…ŒμŠ€νŠΈ μ½”λ“œ μž‘μ„±
- build : λΉŒλ“œ 파일 μˆ˜μ •
- ci : CI μ„€μ • 파일 μˆ˜μ •
- perf : μ„±λŠ₯ κ°œμ„ 
- chore : λΉŒλ“œ μˆ˜μ •, νŒ¨ν‚€μ§€ λ§€λ‹ˆμ € μ„€μ •, 운영 μ½”λ“œ 변경이 μ—†λŠ” 경우 λ“±
- rename : 파일λͺ… ν˜Ήμ€ 폴더λͺ…을 μˆ˜μ •ν•œ 경우
- remove : νŒŒμΌμ„ μ‚­μ œλ§Œ ν•œ 경우

### 브랜치λͺ…

```
<!-- μ»¨λ²€μ…˜ -->
νƒ€μž…/#이슈번호/μ„ΈλΆ€λ‚΄μš©

<!-- μ˜ˆμ‹œ -->
feat/#27/Button

```
### μ‹ μ£Όν•˜
- λ§ˆμ΄νŽ˜μ΄μ§€ νŽ˜μ΄μ§€ - ν¬λ ˆλ”§ μ„Ήμ…˜
- 이미지 μ»΄ν¬λ„ŒνŠΈ(곡톡)

### 이슈 제λͺ©
### μœ€νš¨μ€€
- λžœλ”© νŽ˜μ΄μ§€
- Nav μ»΄ν¬λ„ŒνŠΈ(곡톡)
- λͺ¨λ‹¬ μ»΄ν¬λ„ŒνŠΈ(곡톡)
- λ²„νŠΌ μ»΄ν¬λ„ŒνŠΈ(곡톡)

```
<!-- μ»¨λ²€μ…˜ -->
[νƒ€μž…] λ‚΄μš©
### μž„μ§€ν˜œ
- λͺ©λ‘ νŽ˜μ΄μ§€ - 차트 리슀트 μ„Ήμ…˜
- λͺ©λ‘ νŽ˜μ΄μ§€ - νˆ¬ν‘œ λͺ¨λ‹¬

<!-- μ˜ˆμ‹œ -->
[feat] Component Base - Button
```
## πŸ’» 기술 μŠ€νƒ

### PR 제λͺ©

```
<!-- μ»¨λ²€μ…˜ -->
νƒ€μž… : #이슈번호/λ‚΄μš©

<!-- μ˜ˆμ‹œ -->
feat : #27/Component Base - Button κΈ°λŠ₯ 개발
```

## 기술 μŠ€νƒ

#### Environment
### Environment

![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white)
![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)
![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)

#### Config
### Config

![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

#### Linters
### Linters

![js](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white)
![js](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E)

#### Development
### Development

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

#### communication
### communication

![Discord](https://img.shields.io/badge/Discord-%235865F2.svg?style=for-the-badge&logo=discord&logoColor=white)
![Notion](https://img.shields.io/badge/Notion-%23000000.svg?style=for-the-badge&logo=notion&logoColor=white)

#### Deployment
### Deployment

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

## μ„€μΉ˜ 및 μ‹€ν–‰ 방법

### 둜컬 μ‹€ν–‰

```
git clone https://github.com/yoonc01/Fandom-K.git
cd Fandom-K
npm install
npm run dev
```

### 배포 μ£Όμ†Œ

πŸš€ ν”„λ‘œμ νŠΈλ₯Ό ν™•μΈν•˜λ €λ©΄ [μ—¬κΈ°](https://fandom-k-murex.vercel.app/)λ₯Ό ν΄λ¦­ν•˜μ„Έμš”!

## ν”„λ‘œμ νŠΈ ꡬ쑰
## πŸ—‚οΈ 폴더 ꡬ쑰

```
πŸ“¦ src
Expand Down Expand Up @@ -217,3 +187,58 @@ npm run dev
└── notFoundPage # 404 μ—λŸ¬ νŽ˜μ΄μ§€ κ΄€λ ¨ 파일

```

## βœ… μ»¨λ²€μ…˜

### 컀밋 메세지

```
νƒ€μž…: μš”μ•½
```

#### νƒ€μž…

- feat : μƒˆλ‘œμš΄ κΈ°λŠ₯ μΆ”κ°€
- fix : 버그 μˆ˜μ •
- docs : λ¬Έμ„œ λ‚΄μš© λ³€κ²½
- style : μ½”λ“œ μŠ€νƒ€μΌ λ³€κ²½(μ½”λ“œ ν¬λ©”νŒ…, μ„Έλ―Έμ½œλ‘  λˆ„λ½)
- design: μ‚¬μš©μž UI λ””μžμΈ λ³€κ²½(CSS λ“±)
- refactor : μ½”λ“œ λ¦¬νŒ©ν† λ§
- test : ν…ŒμŠ€νŠΈ μ½”λ“œ μž‘μ„±
- build : λΉŒλ“œ 파일 μˆ˜μ •
- ci : CI μ„€μ • 파일 μˆ˜μ •
- perf : μ„±λŠ₯ κ°œμ„ 
- chore : λΉŒλ“œ μˆ˜μ •, νŒ¨ν‚€μ§€ λ§€λ‹ˆμ € μ„€μ •, 운영 μ½”λ“œ 변경이 μ—†λŠ” 경우 λ“±
- rename : 파일λͺ… ν˜Ήμ€ 폴더λͺ…을 μˆ˜μ •ν•œ 경우
- remove : νŒŒμΌμ„ μ‚­μ œλ§Œ ν•œ 경우

### 브랜치λͺ…

```
<!-- μ»¨λ²€μ…˜ -->
νƒ€μž…/#이슈번호/μ„ΈλΆ€λ‚΄μš©

<!-- μ˜ˆμ‹œ -->
feat/#27/Button

```

### 이슈 제λͺ©

```
<!-- μ»¨λ²€μ…˜ -->
[νƒ€μž…] λ‚΄μš©

<!-- μ˜ˆμ‹œ -->
[feat] Component Base - Button
```

### PR 제λͺ©

```
<!-- μ»¨λ²€μ…˜ -->
νƒ€μž… : #이슈번호/λ‚΄μš©

<!-- μ˜ˆμ‹œ -->
feat : #27/Component Base - Button κΈ°λŠ₯ 개발
```