Skip to content

Latest commit

ย 

History

History
53 lines (19 loc) ยท 2.32 KB

File metadata and controls

53 lines (19 loc) ยท 2.32 KB

๋‹ด์•„๋ด

2024.08 ~ (์ฐฝ์—… ํŒ€ ํ”„๋กœ์ ํŠธ)

๐Ÿ”— URL

https://github.com/Damabwa

๐Ÿ“Œ Summary

์ž‘๊ฐ€-๊ณ ๊ฐ ๋งค์นญ ๋ฐ ์˜ˆ์•ฝ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ง„ ์ „๋ฌธ ํ”Œ๋žซํผ

โ€ข ์™€์ด์–ดํ”„๋ ˆ์ž„๋ถ€ํ„ฐ UI/UX ๋””์ž์ธ, ๊ฐœ๋ฐœ๊นŒ์ง€ ์ฐธ์—ฌ

โ€ข Recoil์„ ํ™œ์šฉํ•œ ์ „์—ญ ๋ณ€์ˆ˜ ๊ด€๋ฆฌ

โ€ข ์นด์นด์˜คํ†ก ํ™œ์šฉ ์†Œ์…œ ๋กœ๊ทธ์ธ ๊ตฌํ˜„

์ฃผ์š”๊ธฐ๋Šฅ: ์ „๊ตญ ์‚ฌ์ง„๊ด€ยท์‚ฌ์ง„์ž‘๊ฐ€ ๊ฒ€์ƒ‰, ์ด๋ฒคํŠธ ๋“ฑ๋ก ๋ฐ ์‹ ์ฒญ, ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ฒŒ์‹œํŒ, ๊ฐœ์ธ ๋งž์ถค ์‚ฌ์ง„๊ด€ ์ถ”์ฒœ

๐Ÿค” Background

์ด์ œ๋Š” ์—ฐ์˜ˆ์ธ, ๋ชจ๋ธ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ผ๋ฐ˜์ธ๋“ค๋„ ์ „๋ฌธ๊ฐ€๋ฅผ ํ†ตํ•ด ๋ฐ”๋””ํ”„๋กœํ•„, ์Šค๋ƒ… ์‚ฌ์ง„ ๋“ฑ์„ ์ดฌ์˜ํ•˜๊ณค ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ SNS ๊ฒ€์ƒ‰์„ ํ†ตํ•ด ์›ํ•˜๋Š” ์‚ฌ์ง„ ์Šคํƒ€์ผ์„ ์ดฌ์˜ํ•˜๋Š” ์ž‘๊ฐ€๋ฅผ ์ฐพ๊ธฐ ํž˜๋“ค ๋ฟ๋”๋Ÿฌ, ์‹ ๋ขฐ์„ฑ์„ ๋ณด์žฅํ•  ์ˆ˜ ์—†๋‹ค๋Š” ๋‹จ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์‚ฌ์ง„๊ด€/์‚ฌ์ง„์ž‘๊ฐ€ ์กฐํšŒ ๋ฐ ์˜ˆ์•ฝ์ด ๊ฐ€๋Šฅํ•œ ํ”Œ๋žซํผ์ด ์žˆ๋‹ค๋ฉด ์—ฐ๋ น๋Œ€์™€ ์„ธ๋Œ€ ๊ตฌ๋ถ„ ์—†์ด ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ณ  ๋ฏฟ์„ ์ˆ˜ ์žˆ๊ฒŒ ์ฒญ์ถ˜์„ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ” Meaning

์ฐฝ์—…ํŒ€์— ํ•ฉ๋ฅ˜ํ•˜์—ฌ ๊ธฐํš๋ถ€ํ„ฐ ์™€์ด์–ดํ”„๋ ˆ์ธ ์ œ์ž‘, UI/UX ๋””์ž์ธ์— ์ฐธ์—ฌํ•œ ํ”„๋กœ์ ํŠธ๋กœ, ํ˜„์žฌ MVP ๊ฐœ๋ฐœ์„ ๋งˆ์นœ ์ƒํƒœ์ด๊ณ  ๊ณ„์†ํ•ด์„œ ์œ ์ง€ยท๋ณด์ˆ˜ ์ง„ํ–‰์ค‘์ž…๋‹ˆ๋‹ค.

๋‹ค์ˆ˜์˜ ์ž์ฒด API๋ฅผ ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด auth.js์—์„œ ๋ฉ”์„œ๋“œ๋ฅผ ์žฌ์ •์˜ํ•˜๊ณ  API ๊ด€๋ฆฌ ํด๋”์—์„œ ์ผ๊ด„์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด API ์ฃผ์†Œ ๋ฐ ํ˜•์‹์„ ๋ณด๋‹ค ์‰ฝ๊ฒŒ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๋˜, ํ”„๋กœ์ ํŠธ ์ผ์ •์ด ์ด‰๋ฐ•ํ–ˆ๋˜ ๋งŒํผ, ๋””์ž์ธ๊ณผ ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ด ๋™์‹œ์— ์ง„ํ–‰๋˜๋Š” ์ƒํ™ฉ์„ ๊ฒฝํ—˜ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด์— ๋”ฐ๋ผ ์ƒˆ๋กœ์šด ๋””์ž์ธ์ด ๋ฐ˜์˜๋  ๋•Œ๋งˆ๋‹ค ๋นˆ๋ฒˆํ•œ ๋ฆฌํŒฉํ† ๋ง์ด ํ•„์š”ํ–ˆ์œผ๋ฉฐ, ๊ธฐ์กด ์™€์ด์–ดํ”„๋ ˆ์ž„๊ณผ ๋‹ฌ๋ผ์ง„ ํ•ญ๋ชฉ์„ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ๋ฐ˜๋ณต์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊ฐ์ฒด๋ฅผ ์ปดํฌ๋„ŒํŠธํ™”ํ•˜๊ณ , ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ๋ฅผ ๋ณ€๊ฒฝํ•ด์•ผ ํ•˜๋Š” ์–ด๋ ค์›€์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ๊ณผ์ •์€ ์œ ์ง€ยท๋ณด์ˆ˜์— ์šฉ์ดํ•œ ์ฝ”๋“œ๋ฅผ ์„ค๊ณ„ํ•˜๊ธฐ ์œ„ํ•ด ํ•œ๋ฒˆ ๋” ๊ณ ๋ฏผํ•ด๋ณด๋Š” ๊ธฐํšŒ๊ฐ€ ๋˜์—ˆ๊ณ , ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž์™€ ๋ฐ์ดํ„ฐ ํ˜•์‹ ๋ณ€๊ฒฝ์„ ์กฐ์œจํ•˜๊ธฐ ์œ„ํ•ด ์†Œํ†ตํ•จ์œผ๋กœ์จ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์—ญ๋Ÿ‰์„ ํ‚ค์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ”จ Technology Stacks

React, TypeScript, Recoil, Tailwind CSS, Vercel