Booktique-๋ถํ‹ฐํฌ

๋ฐฐํฌ ์ฃผ์†Œ
ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„
2024/03/26 โ†’ 2024/04/30
๊นƒํ—ˆ๋ธŒ๋งํฌ
์‹œ์—ฐ์˜์ƒ
์œ ์ €ํ”ผ๋“œ๋ฐฑ๊ฒฐ๊ณผ์ง€
๋ถํ‹ฐํฌ ์‚ฌ์šฉ์ž ํ”ผ๋“œ๋ฐฑ ์งˆ๋ฌธ!(์‘๋‹ต).xlsx
ํ…Œ์ŠคํŠธ ID / PW
๊ตฌ๊ธ€/์นด์นด์˜ค๋กœ ๋กœ๊ทธ์ธํ•˜์„ธ์š”!!!

Booktique

ย ์•„ํ‚คํ…์ณ

ย ์ฃผ์š” ๊ธฐ์ˆ 

๋‚ด ๋ถํด๋Ÿฝ
์ฑ… ์ฝ๊ธฐ
๋ถํด๋Ÿฝ ์ฐพ๊ธฐ
๋งˆ์ด ํŽ˜์ด์ง€
ย ๋ถํด๋Ÿฝ ๋งŒ๋“ค๊ธฐ

๊ธฐ์ˆ ์  ์˜์‚ฌ๊ฒฐ์ •

Type Script
โ€ข
์ •์  ํƒ€์ž…์–ธ์–ด. ๋ช…์‹œ์ ์œผ๋กœ ํƒ€์ž…์„ ์ง€์ •ํ•ด, ์˜ค๋ฅ˜ ๋ฐœ์ƒ์„ ์‚ฌ์ „์— ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ๋‹ค.
โ€ข
์ปดํŒŒ์ผ ๋„์ค‘ ์—๋Ÿฌ๋ฅผ ๊ฐ์ง€ํ•ด, ๋Ÿฐํƒ€์ž„ ์—๋Ÿฌ๋ฅผ ๋ฐฉ์ง€.
Tanstack Query
โ€ข
๋ฌดํ•œ์Šคํฌ๋กค, ์ง€์—ฐ ๋กœ๋”ฉ๊ฐ™์€ ๋‚ด์žฅ ๊ธฐ๋Šฅ
โ€ข
api ์š”์ฒญ์„ ์œ„ํ•œ ๊ทœ๊ฒฉํ™”๋œ ๋ฐฉ์‹
โ€ข
๋น„๋™๊ธฐ ๋กœ์ง์„ ๊ฐ„ํŽธํ•˜๊ฒŒ ํ•ธ๋“ค๋ง ๊ฐ€๋Šฅ.
Zustand
โ€ข
redux๋ณด๋‹ค ์ ์€ ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ ์–‘
โ€ข
๊ฐ„ํŽธํ•œ ์‚ฌ์šฉ
TailWind
โ€ข
์‹ ์†ํ•œ ๊ฐœ๋ฐœ, ์ ‘๊ทผ์„ฑ(docs)
โ€ข
ํด๋ž˜์Šค๋ช… ๊ณ ๋ฏผ ์•ˆํ•ด๋„ ๋จ
โ€ข
์ผ๊ด€์„ฑ ์žˆ๋Š” ๋””์ž์ธ ์‹œ์Šคํ…œ
Next.js
โ€ข
SEO๋ฅผ ์œ„ํ•œ SSR ์‚ฌ์šฉ ๊ฐ€๋Šฅ
โ€ข
์ง๊ด€์ ์ธ ๋””๋ž™ํ† ๋ฆฌ ๊ธฐ๋ฐ˜ ๋ผ์šฐํŒ… ์‹œ์Šคํ…œ
โ€ข
Code Splitting, pre-fetching
Supabase
โ€ข
๋‹ค์–‘ํ•œ ์ธ์ฆ ๋ฐฉ์‹ ์ง€์›
โ€ข
ํŽธ๋ฆฌํ•œ ์ธํ„ฐํŽ˜์ด์Šค
โ€ข
SQL ์ฟผ๋ฆฌ๋ฅผ ์›น ํŽ˜์ด์ง€์—์„œ ์ž‘์„ฑ, ์ €์žฅ ๊ฐ€๋Šฅ
โ€ข
ํ…Œ์ด๋ธ” ์Šคํ‚ค๋งˆ ์‚ฌ์šฉ ๊ฐ€๋Šฅ

ย ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…

๋ถˆํ•„์š”ํ•œ getUser ์š”์ฒญ ์ˆ˜ ์ค„์ด๊ธฐ

๋ฐ์ดํ„ฐ์บ์‹ฑ๋ฌธ์ œ

CORS(๊ต์ฐจ ์ถœ์ฒ˜ ๋ฆฌ์†Œ์Šค ๊ณต์œ )

๋ฐ์ดํ„ฐ ์กฐ์ธ

๋ฐ์ดํ„ฐ ํ•„ํ„ฐ๋ง(์ฑ„ํŒ…)

ํŽ˜์ด์ง€ ๋ฆฌ๋‹ค์ด๋ ‰์…˜

ย ํŒ€์›

ํŒ€ ๋…ธ์…˜ :
๊ณต์ฅฌs

ย ๋ฐœํ‘œ์ž๋ฃŒ

ย ๋ธŒ๋žœ๋“œ ๋””์ž์ธ ์†Œ๊ฐœ

ํƒ€์ž… ๋กœ๊ณ 
๋ฉ”์ธ ์บ๋ฆญํ„ฐ
์•ฑ ์•„์ด์ฝ˜-ํŒŒ๋น„์ฝ˜
์ปฌ๋Ÿฌ ์‚ฌ์šฉ