Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/teambooktez/booktez-client

๐Ÿ“š์ง„์งœ ๋…์„œ๊ฐ€๋“ค์˜ ๋…์„œ๋ฒ• - ๋ถ์Šคํ…Œ์–ด์ฆˆ (React)
https://github.com/teambooktez/booktez-client

beta-release book-stairs framer-motion react recoil styled-components swr typescript

Last synced: 2 months ago
JSON representation

๐Ÿ“š์ง„์งœ ๋…์„œ๊ฐ€๋“ค์˜ ๋…์„œ๋ฒ• - ๋ถ์Šคํ…Œ์–ด์ฆˆ (React)

Awesome Lists containing this project

README

        

ํ˜„์žฌ ์ €ํฌ๋Š” **๋” ์ข‹์€ ์œ ์ € ๊ฒฝํ—˜๊ณผ ํ™•์žฅ์„ฑ, ๊ทธ๋ฆฌ๊ณ  ์šฐ๋ฆฌ์˜ ์„ฑ์žฅ**์„ ์œ„ํ•ด [**๐Ÿ”— Next.js ๋ฒ„์ „(ํด๋ฆญ)**](https://github.com/TeamBookTez/nextjs-book-stairs)๋กœ์˜ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ ์„œ๋น„์Šค์— ์ ํ•ฉํ•˜๊ณ , ๊ณต๋ถ€ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋Š” ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•ด๋ณด๊ณ , ํ‹€์— ๊ฐ‡ํžŒ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ง€ ์•Š๋„๋ก **๐ŸŽ‰[Discussions(ํด๋ฆญ)](https://github.com/TeamBookTez/nextjs-book-stairs/discussions)๋ฅผ ์˜คํ”ˆํ–ˆ์Šต๋‹ˆ๋‹ค๐ŸŽ‰**

**๋ถ์Šคํ…Œ์–ด์ฆˆ ํŒ€์›์ด ์•„๋‹Œ ๋ถ„๋“ค๋„ ์ž์œ ๋กญ๊ฒŒ ์˜๊ฒฌ์„ ๋‚ด์ฃผ์‹œ๊ณ , ์ƒˆ๋กœ์šด ์ง€์‹์„ ์•Œ๋ ค์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค :))**

---

![image](https://bookstairs-bucket.s3.ap-northeast-2.amazonaws.com/bookstairs_og_img_2.png)

## ๐Ÿ“š `๋ถ์Šคํ…Œ์–ด์ฆˆ`๋Š” ์–ด๋–ค ์„œ๋น„์Šค์ธ๊ฐ€์š”?

์ง„์งœ ๋…์„œ๊ฐ€๋“ค์˜ ๋…์„œ๋ฒ•, ๋ถ์Šคํ…Œ์–ด์ฆˆ ๐Ÿ’ก


๋‡Œ ๊ณผํ•™ ๊ธฐ๋ฐ˜์˜ ์ฐจ๋ณ„ํ™” ๋œ ๋…์„œ๋ฒ•์„ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค.
[๋žœ๋”ฉํŽ˜์ด์ง€ ๋ฐ”๋กœ๊ฐ€๊ธฐ](https://book-stairs.com)



## ๐Ÿงฉ ์›Œํฌํ”Œ๋กœ์šฐ

![150529139-ece76c3d-dd7d-4f6e-bde0-6067adb67e72](https://user-images.githubusercontent.com/73876068/150552674-bbed29b9-629c-4bb2-bb67-430c2de4ae22.png)



## ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ ๋ˆ„๊ฐ€ ๋งŒ๋“ค์—ˆ๋‚˜์š”?

| [๊น€์†Œ๋ น(soryeongk)](https://github.com/soryeongk) | [์ด์ฃผํ•จ(joohaem)](https://github.com/joohaem) | [๊น€๊ทœ๋ฏผ(Gyuminn)](https://github.com/Gyuminn) | [์„์ƒ์–ธ(sharpcoder312)](https://github.com/sharpcoder312)|
| :----------------------------------------: | :---------------------------------: | :---------------------------------: | :---------------------------------: |
| | | | |


## ๐Ÿ›  ๊ธฐ์ˆ  ์Šคํƒ

๋š๋”ฑ๋š๋”ฑ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ง„ํ–‰ ์ค‘ ...

```json
"axios": "^0.24.0",
"framer-motion": "^6.2.3",
"react-hook-form": "^7.28.1",
"react-responsive": "^9.0.0-beta.6",
"react-textarea-autosize": "^8.3.3",
"recoil": "^0.6.1",
"recoil-persist": "^4.0.0",
"styled-components": "^5.3.3",
"styled-reset": "^4.3.4",
"swr": "^1.2.1",
"typescript": "^4.5.4"
```


## โœ‰ ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜

| ์ œ๋ชฉ | ๋‚ด์šฉ |
| -------- | -------------------------------------- |
| init | ์ž‘์—… ์„ธํŒ… ์ปค๋ฐ‹ (ํŒจํ‚ค์ง€ ์„ค์น˜ ๋“ฑ) |
| feat | ๊ธฐ๋Šฅ ์ถ”๊ฐ€ ๋ฐ ๋ณ€๊ฒฝ (ํ™”๋ฉด ์˜ํ–ฅ o) |
| design | only css ๋ณ€๊ฒฝ |
| fix | ๊ธฐ์กด์˜ ๋ฒ„๊ทธ ์ˆ˜์ • |
| refactor | ๋” ์ข‹์€ ์ฝ”๋“œ ๊ฐœ์„  (ํ™”๋ฉด ์˜ํ–ฅ x) |
| etc | ๋ฌธ์„œ ์ž‘์„ฑ or ๊ทธ ์™ธ ์ปค๋ฐ‹(์ฃผ์„, ๊ฐœํ–‰ ๋“ฑ) |


## ๐Ÿ’ป ํ”„๋กœ์ ํŠธ ๋ทฐ

### 1. ๋žœ๋”ฉ ํŽ˜์ด์ง€

![book-stairs com_ (1)](https://user-images.githubusercontent.com/73876068/150489230-1a83d582-1985-454d-bb86-e4395e842ffe.png)



### 2. ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€

3๋‹จ๊ณ„ ๊ตฌ์„ฑ์˜ ์ ˆ์ฐจ๋ฅผ ํ†ตํ•ด ํšŒ์›๊ฐ€์ž…์ด ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.

![book-stairs com_signup_3](https://user-images.githubusercontent.com/73876068/150490051-bf01ff99-f7cc-4377-8aa4-0d4cdc105ddc.png)



### 3. ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€

![book-stairs com_login](https://user-images.githubusercontent.com/73876068/150490216-48db45d5-b596-4b98-ab30-16b3fd26c9c1.png)



### 4. ๋งˆ์ด ํŽ˜์ด์ง€

ํ˜„์žฌ๊นŒ์ง€ ์ž‘์„ฑํ•œ ๋ถ๋…ธํŠธ ๊ถŒ ์ˆ˜๋ฅผ ์ œ๊ณตํ•˜๋ฉฐ, ๊ณ ๊ฐ๊ณผ ๋ถ์Šคํ…Œ์–ด์ฆˆ์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ํ†ต๋กœ์˜ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค.

![book-stairs com_login (5)](https://user-images.githubusercontent.com/73876068/150492563-1ad7c2e1-3391-409e-b546-df9d7b29f6e3.png)



### 5. ๋ฉ”์ธ ํŽ˜์ด์ง€

์ ์šฉ ์‚ฌ๋ก€๋ฅผ ํ†ตํ•œ ๋ถ๋…ธํŠธ ์‚ฌ์šฉ ๊ฐ€์ด๋“œ์™€ ์ตœ๊ทผ ์ž‘์„ฑํ•œ ๋ถ๋…ธํŠธ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

![book-stairs com_login (1)](https://user-images.githubusercontent.com/73876068/150490611-6c6b2b6d-002d-4978-8df4-a1142d8238c2.png)



### 6. ์ ์šฉ ์‚ฌ๋ก€ ํŽ˜์ด์ง€

๋ถ๋…ธํŠธ ์‚ฌ์šฉ ๊ตฌ์ฒด์  ์˜ˆ์‹œ์™€ ์บ๋Ÿฌ์…€ ๋ชจ๋‹ฌ์„ ํ†ตํ•œ ์ƒ์„ธ ์„ค๋ช…์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

![book-stairs com_login (4)](https://user-images.githubusercontent.com/73876068/150492076-85420c9f-9379-4006-bae1-cd1e7c830717.png)



### 7. ์„œ์žฌ ํŽ˜์ด์ง€

์ „์ฒด, ๋…์„œ ์ „, ๋…์„œ ์ค‘, ๋…์„œ ์™„๋ฃŒ๋ฅผ ๋ถ„๊ธฐ ์ฒ˜๋ฆฌํ•˜์—ฌ ๋ถ๋…ธํŠธ ๋ชฉ๋ก์„ ์ œ๊ณตํ•˜๋ฉฐ, ์ฑ… ์ถ”๊ฐ€ ํŽ˜์ด์ง€๋กœ ์ด์–ด์ง‘๋‹ˆ๋‹ค.

![book-stairs com_login (3)](https://user-images.githubusercontent.com/73876068/150491967-a9d27ecd-0763-4c70-920a-0de750753679.png)



### 8. ์ฑ… ์ถ”๊ฐ€ ํŽ˜์ด์ง€

์นด์นด์˜ค api๋ฅผ ํ†ตํ•ด ์ฑ… DB๋ฅผ ๋“ฑ๋ก๋œ ์ฑ…๋“ค์„ ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

![book-stairs com_login (6)](https://user-images.githubusercontent.com/73876068/150493421-4976ea06-c0b4-4de7-9cc5-c861add48a67.png)
![book-stairs com_login (7)](https://user-images.githubusercontent.com/73876068/150493738-625fd513-dd0e-4369-aa8c-6b7031a2822c.png)



### 9. ๋…์„œ ์ „ ํŽ˜์ด์ง€

๋ณธ๊ฒฉ์ ์ธ ๋…์„œ ์ „, ๋‚˜๋งŒ์˜ ๋…์„œ ์ „๋žต์„ ์„ธ์›Œ ๋…์„œ ๋ฐฉํ–ฅ์„ฑ ์ •๋ฆฝ์— ๋„์›€์„ ์ค๋‹ˆ๋‹ค.

![book-stairs com_book-note](https://user-images.githubusercontent.com/73876068/150494975-655ea8ef-dcee-4ca2-9d58-6f9ccdd925e6.png)



### 10. ๋…์„œ ์ค‘ ํŽ˜์ด์ง€

์งˆ๋ฌธ ๋ฆฌ์ŠคํŠธ๋ฅผ ์ตœ๋Œ€ 4๋Ž์Šค๊นŒ์ง€ ๊ตฌ์กฐํ™”ํ•˜์—ฌ ์งˆ๋ฌธ๊ณผ ๋‹ต๋ณ€์„ ๋“ฑ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๋˜ํ•œ, Step Up๊ณผ ์˜ˆ์‹œ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ๋ถ๋…ธํŠธ ์ž‘์„ฑ์— ๋„์›€์„ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

![book-stairs com_book-note (2)](https://user-images.githubusercontent.com/73876068/150496350-9039cab3-2025-49ba-a276-c6b28c444172.png)
![book-stairs com_book-note (3)](https://user-images.githubusercontent.com/73876068/150496640-f195ef6a-6823-4162-8c20-a429f2d370b7.png)



### 11. ๋…์„œ ์™„๋ฃŒ ํŽ˜์ด์ง€

์™„๋ฃŒ๋œ ๋ถ๋…ธํŠธ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ถ๋…ธํŠธ ์‚ญ์ œ ๋ฐ ์ˆ˜์ • ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

![book-stairs com_detail-book-note](https://user-images.githubusercontent.com/73876068/150620355-51e944a7-1420-48ca-8d2a-308803d85fef.png)



### 12. ์ค€๋น„ ์ค‘ ํŽ˜์ด์ง€

ํ˜„์žฌ ๋ถ์Šคํ…Œ์–ด์ฆˆ๊ฐ€ ์ค€๋น„ ์ค‘์ธ ๊ธฐ๋Šฅ์„ ์•ˆ๋‚ดํ•จ๊ณผ ๋™์‹œ์— ํ”ผ๋“œ๋ฐฑ ํ†ต๋กœ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

![book-stairs com_book-note (5)](https://user-images.githubusercontent.com/73876068/150497399-04065268-bfc4-42a9-bbf0-6cdd53d931ba.png)



### 13. 404 ํŽ˜์ด์ง€

![book-stairs com_404](https://user-images.githubusercontent.com/73876068/150620472-512a488e-79a2-4e18-b67d-5fc8181bd547.png)