2024.08 ~ (์ฐฝ์ ํ ํ๋ก์ ํธ)
์๊ฐ-๊ณ ๊ฐ ๋งค์นญ ๋ฐ ์์ฝ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ์ฌ์ง ์ ๋ฌธ ํ๋ซํผ
โข ์์ด์ดํ๋ ์๋ถํฐ UI/UX ๋์์ธ, ๊ฐ๋ฐ๊น์ง ์ฐธ์ฌ
โข Recoil์ ํ์ฉํ ์ ์ญ ๋ณ์ ๊ด๋ฆฌ
โข ์นด์นด์คํก ํ์ฉ ์์ ๋ก๊ทธ์ธ ๊ตฌํ
์ฃผ์๊ธฐ๋ฅ: ์ ๊ตญ ์ฌ์ง๊ดยท์ฌ์ง์๊ฐ ๊ฒ์, ์ด๋ฒคํธ ๋ฑ๋ก ๋ฐ ์ ์ฒญ, ์ปค๋ฎค๋ํฐ ๊ฒ์ํ, ๊ฐ์ธ ๋ง์ถค ์ฌ์ง๊ด ์ถ์ฒ
์ด์ ๋ ์ฐ์์ธ, ๋ชจ๋ธ๋ฟ๋ง ์๋๋ผ ์ผ๋ฐ์ธ๋ค๋ ์ ๋ฌธ๊ฐ๋ฅผ ํตํด ๋ฐ๋ํ๋กํ, ์ค๋ ์ฌ์ง ๋ฑ์ ์ดฌ์ํ๊ณค ํฉ๋๋ค. ๊ทธ๋ฌ๋ SNS ๊ฒ์์ ํตํด ์ํ๋ ์ฌ์ง ์คํ์ผ์ ์ดฌ์ํ๋ ์๊ฐ๋ฅผ ์ฐพ๊ธฐ ํ๋ค ๋ฟ๋๋ฌ, ์ ๋ขฐ์ฑ์ ๋ณด์ฅํ ์ ์๋ค๋ ๋จ์ ์ด ์์ต๋๋ค. ๊ทธ๋์ ์ฌ์ง๊ด/์ฌ์ง์๊ฐ ์กฐํ ๋ฐ ์์ฝ์ด ๊ฐ๋ฅํ ํ๋ซํผ์ด ์๋ค๋ฉด ์ฐ๋ น๋์ ์ธ๋ ๊ตฌ๋ถ ์์ด ๋๊ตฌ๋ ์ฝ๊ณ ๋ฏฟ์ ์ ์๊ฒ ์ฒญ์ถ์ ๊ธฐ๋กํ ์ ์๋ค๊ณ ์๊ฐํ์ต๋๋ค.
์ฐฝ์ ํ์ ํฉ๋ฅํ์ฌ ๊ธฐํ๋ถํฐ ์์ด์ดํ๋ ์ธ ์ ์, UI/UX ๋์์ธ์ ์ฐธ์ฌํ ํ๋ก์ ํธ๋ก, ํ์ฌ MVP ๊ฐ๋ฐ์ ๋ง์น ์ํ์ด๊ณ ๊ณ์ํด์ ์ ์งยท๋ณด์ ์งํ์ค์ ๋๋ค.
๋ค์์ ์์ฒด API๋ฅผ ๋ณด๋ค ํจ์จ์ ์ผ๋ก ์ฌ์ฉํ๊ธฐ ์ํด auth.js์์ ๋ฉ์๋๋ฅผ ์ฌ์ ์ํ๊ณ API ๊ด๋ฆฌ ํด๋์์ ์ผ๊ด์ ์ผ๋ก ์ฌ์ฉํ ์ ์๋๋ก ์ค๊ณํ์ต๋๋ค. ์ด๋ฅผ ํตํด API ์ฃผ์ ๋ฐ ํ์์ ๋ณด๋ค ์ฝ๊ฒ ๊ด๋ฆฌํ ์ ์์์ต๋๋ค.
๋, ํ๋ก์ ํธ ์ผ์ ์ด ์ด๋ฐํ๋ ๋งํผ, ๋์์ธ๊ณผ ํ๋ก ํธ์๋, ๋ฐฑ์๋ ๊ฐ๋ฐ์ด ๋์์ ์งํ๋๋ ์ํฉ์ ๊ฒฝํํ๊ฒ ๋์์ต๋๋ค. ์ด์ ๋ฐ๋ผ ์๋ก์ด ๋์์ธ์ด ๋ฐ์๋ ๋๋ง๋ค ๋น๋ฒํ ๋ฆฌํฉํ ๋ง์ด ํ์ํ์ผ๋ฉฐ, ๊ธฐ์กด ์์ด์ดํ๋ ์๊ณผ ๋ฌ๋ผ์ง ํญ๋ชฉ์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๊ธฐ ์ํด ๋ฐ๋ณต์ ์ผ๋ก ์ฌ์ฉ๋๋ ๊ฐ์ฒด๋ฅผ ์ปดํฌ๋ํธํํ๊ณ , ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ๋ณ๊ฒฝํด์ผ ํ๋ ์ด๋ ค์์ด ์์์ต๋๋ค.
์ด ๊ณผ์ ์ ์ ์งยท๋ณด์์ ์ฉ์ดํ ์ฝ๋๋ฅผ ์ค๊ณํ๊ธฐ ์ํด ํ๋ฒ ๋ ๊ณ ๋ฏผํด๋ณด๋ ๊ธฐํ๊ฐ ๋์๊ณ , ๋ฐฑ์๋ ๊ฐ๋ฐ์์ ๋ฐ์ดํฐ ํ์ ๋ณ๊ฒฝ์ ์กฐ์จํ๊ธฐ ์ํด ์ํตํจ์ผ๋ก์จ ์ปค๋ฎค๋์ผ์ด์ ์ญ๋์ ํค์ธ ์ ์์์ต๋๋ค.
React, TypeScript, Recoil, Tailwind CSS, Vercel