Skip to content

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

Notifications You must be signed in to change notification settings

TeamBookTez/booktez-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

ํ˜„์žฌ ์ €ํฌ๋Š” ๋” ์ข‹์€ ์œ ์ € ๊ฒฝํ—˜๊ณผ ํ™•์žฅ์„ฑ, ๊ทธ๋ฆฌ๊ณ  ์šฐ๋ฆฌ์˜ ์„ฑ์žฅ์„ ์œ„ํ•ด ๐Ÿ”— Next.js ๋ฒ„์ „(ํด๋ฆญ)๋กœ์˜ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ ์„œ๋น„์Šค์— ์ ํ•ฉํ•˜๊ณ , ๊ณต๋ถ€ํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ๋Š” ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•ด๋ณด๊ณ , ํ‹€์— ๊ฐ‡ํžŒ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ง€ ์•Š๋„๋ก ๐ŸŽ‰Discussions(ํด๋ฆญ)๋ฅผ ์˜คํ”ˆํ–ˆ์Šต๋‹ˆ๋‹ค๐ŸŽ‰

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


image

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

์ง„์งœ ๋…์„œ๊ฐ€๋“ค์˜ ๋…์„œ๋ฒ•, ๋ถ์Šคํ…Œ์–ด์ฆˆ ๐Ÿ’ก
๋‡Œ ๊ณผํ•™ ๊ธฐ๋ฐ˜์˜ ์ฐจ๋ณ„ํ™” ๋œ ๋…์„œ๋ฒ•์„ ์ œ์•ˆํ•ฉ๋‹ˆ๋‹ค. ๋žœ๋”ฉํŽ˜์ด์ง€ ๋ฐ”๋กœ๊ฐ€๊ธฐ

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

150529139-ece76c3d-dd7d-4f6e-bde0-6067adb67e72

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

๊น€์†Œ๋ น(soryeongk) ์ด์ฃผํ•จ(joohaem) ๊น€๊ทœ๋ฏผ(Gyuminn) ์„์ƒ์–ธ(sharpcoder312)

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

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

"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)

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

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

book-stairs com_signup_3

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

book-stairs com_login

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

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

book-stairs com_login (5)

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

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

book-stairs com_login (1)

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

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

book-stairs com_login (4)

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

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

book-stairs com_login (3)

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

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

book-stairs com_login (6) book-stairs com_login (7)

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

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

book-stairs com_book-note

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

์งˆ๋ฌธ ๋ฆฌ์ŠคํŠธ๋ฅผ ์ตœ๋Œ€ 4๋Ž์Šค๊นŒ์ง€ ๊ตฌ์กฐํ™”ํ•˜์—ฌ ์งˆ๋ฌธ๊ณผ ๋‹ต๋ณ€์„ ๋“ฑ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋˜ํ•œ, Step Up๊ณผ ์˜ˆ์‹œ ๋ฒ„ํŠผ์„ ํ†ตํ•ด ๋ถ๋…ธํŠธ ์ž‘์„ฑ์— ๋„์›€์„ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

book-stairs com_book-note (2) book-stairs com_book-note (3)

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

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

book-stairs com_detail-book-note

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

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

book-stairs com_book-note (5)

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

book-stairs com_404