์ด๋ฒ์ฃผ๋ Mini Project๋ฅผ ์งํํ๋ค. Frontend 3๋ช
, Backend 3๋ช
์ด 6๋ช
์ผ๋ก ๊ตฌ์ฑ๋์๋ค.
ํ์คํ 1์ฃผ์ฐจ์ Javascript๋ก website ์ ์ํ๋ ํ๋ก์ ํธ์๋ ๋ค๋ฅธ ๋๋์ด๋ค. ๊ฐ์ ์ฃผํน๊ธฐ(Front, Back)์ผ๋ก ๋๋ ์ ธ ํ์
์ ํ ์ ์๋ค๋ ๊ฒ์ด ๋งค์ฐ ์ค๋ ๋ค.
ํ์๋ค๊ณผ ๋
ผ์ํ์ฌ ๋์จ ๊ฒฐ๊ณผ๋ ์นํ๊ฒฝ ์ ํ๋ค์ ํ๋ฉํ๋ ํ๋ฉ์ฌ์ดํธ์ด๋ค. ์ฌ์ดํธ ์ด๋ฆ์ "์์ฝํ๋ฉ!" ์ ์ฒด์ ์ธ ๊ตฌ์กฐ๋ ์๋์ฆ ํ๋ฉ์ ๋ฐ์ฌ ์์ ์ด๋ค. ํ๋ฉ ์ฌ์ดํธ๋ฅผ ์ ์ํ๊ธฐ๋กํ ์ด์ ๋ ์ง๊ธ๊น์ง ์คํฐ๋ํ ๊ฒ๋ค์ ๊ฑฐ์ ๋ค ๊ตฌํํ ์ ์๊ธฐ ๋๋ฌธ์ด๋ค.
์์ด์ดํ๋ ์๊ณผ REST APIs๋ฅผ ์์ฑํด๋ณด๋ ๋ฐฑ์๋ ์ธ์์ด 3๋ช
์ด์ 2~3์ผ ์ ๋๋ฉด ๊ตฌํํ ์ ์์ ์ ๋๋ก ํ๋จ์ด ๋๋ค. API ๊ตฌํ์ ๋น ๋ฅด๊ฒ ์งํํ๊ณ Swagger ๋ฑ ๋ค์ํ ์ธ๋ถ ํด๋ค์ ์ฌ์ฉํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๊ธฐ๋ก ํ๋ค.
Backend๋ ๋น์ฐํ Node.js ๋ฅผ ์ด์ฉํ ๊ฒ์ด๊ณ ์ฃผ์ ๊ธฐ์ ํค์๋๋ ์๋์ ๊ฐ๋ค.
- Token ๋ฐฉ์์ ์ด์ฉํ ๋ก๊ทธ์ธ ์ธ์ฆ ๊ตฌํ
- ์ฌ์ฉ์ ์ธ์ฆ ๋ฏธ๋ค์จ์ด ๊ตฌํ
- Express-Validator ๋ฅผ ์ด์ฉํ ๋ฏธ๋ค์จ์ด ๊ตฌํ
- CORS ์ฌ์ฉ
- Swagger ์ฌ์ฉ(optional)
- ํ๋ฉ ๊ฒ์๊ธ CRUD
- ํ๋ฉ ๋๊ธ CRUD
- ์ค์๊ฐ ํ๋ฉ ์๋ฆผ(optional)
๋ฐฑ์๋ ๊ฐ๋ฐ ๋ฒ์๋ ํฌ๊ฒ 3๋จ๊ณ๋ก ๋๋ด๋ค.
1. ๋ก๊ทธ์ธ ํํธ
2. ํ๋ฉ ๊ฒ์๊ธ ํํธ
3. ๋๊ธ ๊ตฌํ ํํธ
๋ด๊ฐ ๋งก์ ํํธ๋ ๋๊ธ ๊ตฌํ์ด์์ผ๋, ํ๋ฃจ๋ง์ ๋๊ธ API ๊ตฌํ์ ์๋ฃํ๊ธฐ ๋๋ฌธ์ ๋ด์ผ ํ์๋ค๊ณผ ์๊ธฐํ์ฌ ๋์ ์ค์ฝํ๋ฅผ ์ข ๋ ๊ฐ์ ธ์์ผ๊ฒ ๋ค. Express ์ฌ์ฉํ๋ฉฐ CRUD๋ฅผ ๊ตฌํํ๋ ๊ฒ์ ์กฐ๊ธ ์ต์ํด์ก๋ค๊ณ ์๊ฐํ๋ค.
์ด์ ์ข ๋ ๋ณต์กํ ๋ก์ง๊ณผ ๊ตฌ์กฐ, ๋ณด์, ํด ๋ฑ์ ๋ํด ์คํฐ๋๋ฅผ ํ๊ณ ์ ์ฉ์์ผ์ผ๊ฒ ๋ค.