๐ช ์ฃผ์ฐจ๋ณ ๊ฐ๋ฐ ๊ณํ
<aside>
๐ก 1) ์ฃผ์ ๊ฒฐ์ ๊น์ง 2์ผ์ ๋๊ธฐ์ง ๋ง์์ฃผ์ธ์!
2) ๊ตฌํํ๋ ๊ธฐ์ ์ ์ด์ ์ ๋ง์ถฐ์ ์์ด๋์ด๋ฅผ ๋ด๋ณด๊ธธ ์ถ์ฒํด์. ์ฌ๋ฌ๋ถ์ ๊ฐ๋ฐ์์ด์ง ๊ธฐํ์๊ฐ ์๋๋๊น์!
- ๊ธฐ๋งํ ์์ด๋์ด์ง๋ง ๋จ์ CRUD, ํ
ํ๋ฆฟ ํ์ด์ง ํ์ฉ(x)
- ๋จ์ํ ๊ฒ์ํ์ ๋ง๋ค์ด๋ ์ฌ๋ฌ ๊ธฐ์ ์ ๊ฒฌ๊ณ ํ๊ฒ ๊ตฌํ (o)
</aside>
๐ช ๊ธฐํ ๋ฐฐ๊ฒฝ
- ์ ๊ท ํ์ฌ์ ์
์ฌํ๊ฒ ๋ ์ฃผ๋์ด ๊ฐ๋ฐ์๊ฐ ์ด๋ค ๊ฐ๋ฐ ์ฅ๋น๋ฅผ ๋ง์ถ์ง ๋ชฐ๋ผ ์ปค๋ฎค๋ํฐ๋ฅผ ๊ฒ์ํ๋ ์ค ํด๋น ๋ด์ฉ์ ๋ํ ๋์ฆ๊ฐ ๋ง๋ค๋ ์ฌ์ค์ ์๊ฒ ๋์๊ณ , ํด๋น ๋์ฆ๋ฅผ ์ถฉ์กฑ์์ผ์ฃผ๊ธฐ ์ํ์ฌ ์ด ๊ธฐํ์ ์์ํ๊ฒ ๋์์ต๋๋ค.
๐ช ํด๊ฒฐ ์ปจ์
- ์๋ก ๊ฐ๋ฐ์ฅ๋น๋ฅผ ๊ตฌ๋งคํ๊ฑฐ๋ ์
๊ทธ๋ ์ด๋ ํ๋ ค๋ ์ฌ๋๋ค์ด ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ๋ด์์์ ์ฅ๋น์ ๋ํ ํ๊ฐ๋ฅผ ๋ณผ ์ ์๊ณ , ๋ค๋ฅธ ๊ฐ๋ฐ์๋ค์ ๋ฐ์คํฌํ ์
์
์ ๊ตฌ๊ฒฝํ ์ ์์ต๋๋ค.
๐ช ๊ธฐ๋ ํจ๊ณผ
- ํค๋ณด๋, ๋ง์ฐ์ค ๋ฑ ๊ฐ๋ฐ์ ์ฅ๋น์ ๋ํ ์ค์ ์ฌ์ฉ์ ๋ฆฌ๋ทฐ๋ฅผ ํตํด ์ ํํ ์ ๋ณด๋ฅผ ์ป์ ์ ์์ต๋๋ค.
- ์์ ์ ๊ฐ๋ฐ ๋ฐ์คํฌ ์
์
์ ๊ณต์ ํ์ฌ, ๊ฐ๋ฐ์ ๋ฐ์คํฌ ์
์
์ ๋ํ ์๊ฒฌ์ ๋๋ ์ ์์ต๋๋ค.
- ์ถ๊ฐ์ ์ธ ์ ๋ณด๊ฐ ํ์ํ ๊ฒฝ์ฐ ์ฌ์ดํธ์์ ์ ๊ณตํ๋ ์ฑํ
๊ธฐ๋ฅ์ ํตํ์ฌ ์ ๋ณด๋ฅผ ๊ตํํ ์ ์์ต๋๋ค.
๐ช ์์ด์ดํ๋ ์ ์ด์
- ํ์ด์ง ๋จ์, ํฐ ๊ธฐ๋ฅ ๋จ์
https://www.figma.com/file/VOwVSe8ooZzLTJXhE0kdSb/ํฉ๋ณธ?node-id=0%3A1&t=k6ASp1nOqEM2z1gG-0
๐ช ๊ธฐ์ ์คํ ์ด์
[ ํ๋ก์ ํธ ๊ธฐ๋ณธ ์คํ ]
๊ตฌ๋ถ |
๊ธฐ์ ์คํ |
๋น๊ณ |
ํ๋ ์์ํฌ |
ReactJS |
|
์ํ๊ด๋ฆฌ |
contextAPI, react-query |
|
์คํ์ผ |
tailwind css |
|
๋น๋ |
Vite |
|
๋ฐฐํฌ |
Vercel |
|