ํด์ปคํค
์ฐ์ํํ ํฌ์ฝ์ค ์ญ์ฌ์ ์ฒซ ํด์ปคํค
๊ฐ ํ๋ก์ ํธ ์กฐ๊ฐ ์ ํ ์ฃผ์ ๋ฅผ ๊ธฐ์ค์ผ๋ก ํต์ฌ ๊ธฐ๋ฅ์ ๊ตฌํํ ๋ค, ๋ค์ ๋ ์คํ 2์์ ์์ฐ์ ์งํํ๋ค.
ํต์ฌ๊ธฐ๋ฅโ
-
ํด์ปคํค์์ ๊ตฌํํ ๊ธฐ๋ฅ ์ ํ๊ธฐ
- FE - ๋ฆฌ๋ทฐ ์์ฑ, ์ ์ถ, ์์ธ ๋ณด๊ธฐ
- BE - API ๋ฌธ์
-
ํด์ปคํค์ ๋ชฉํ ์ ํ๊ธฐ (e.g. ๋ค๋ฅธ๊ฑฐ ๋ค ๋ชจ๋ฅด๊ฒ ๊ณ ๊ทธ๋ฅ ๊ตฌํ / ๊ทธ๋๋ ์ต์ํ์ ํ ์คํธ ์ฝ๋๋ ์ง๋ฉฐ ๊ตฌํ)
-
์ญํ ๋ถ๋ด, ์์ ์๊ฐ, ์ค์ผ์ค ์ ํ๊ธฐ
- e.g. API ๋ฌธ์ ์์ฑ์ ์๋ฃจ์ ์ปค๋น๊ฐ ERD๋ ํ ๋ ๊ทธ ๋์ ๊นํ๋ธ Oauth ๋ ์ฐ์ด ๋ฑ๋ฑ
-
์ค์ผ์ค ์ค๊ฐ ์ค๊ฐ ์ ๊ฒ
ํ๋ก ํธ์๋โ
์นํฉ ์ค์ ์์ ์ฌํญ
- http-server๋ฅผ ์์ ๊ณ webpack-dev-server๋ฅผ ์ฌ์ฉํ๋ค.
- ๊ฐ๋ฐ ์ค์ ์ฝ๋ ๋ณ๊ฒฝ ์ฌํญ์ ์ค์๊ฐ์ ๋ฐ์ํ ์ ์๊ฒ ํด์ค์ ๋ณ๋์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์๋ฒ๋ฅผ ์ด์ํ ํ์๊ฐ ์๋ค. ์ฆ, preview๊ฐ ํ์์๋ค.
http-server
๋์webpack-dev-server
๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ,preview
๊ฐ ํ์ ์๋ ์ด์ ๋webpack-dev-server
๊ฐ ์ ๊ณตํ๋ ์ค์๊ฐ ์ ๋ฐ์ดํธ ๊ธฐ๋ฅ๊ณผ ํซ ๋ชจ๋ ๋ฆฌํ๋ ์ด์ค๋จผํธ(Hot Module Replacement, HMR) ๋๋ถ์ด๋ค.
ํ์ด์ง ๋งํฌ์ ๋ด๋น(ํ์ด๋ก ์งํ)
- ๋ฆฌ๋ทฐ ์์ฑ ํ๋ฉด(์ฌ์ด๋๋ฐ ์ด๋ ธ์ ๋ ๊ธฐ์ค)
- ์ํ์ด, ์ค์ค
- ๋ฆฌ๋ทฐ ์์ธ ๋ณด๊ธฐ ํ๋ฉด
- ๋ฐ๋ค, ์ฌ๋ฆฌ
๋ฐฑ์๋โ
API ๋ฌธ์(๋ ธ์ ๊ณต์ )
- ๋ฆฌ๋ทฐ ์ฐ๊ธฐ
- ๋ฆฌ๋ทฐ ์์ธ ๋ณด๊ธฐ
- ๋ฆฌ๋ทฐ ์ฐ๊ธฐ ์ํด ๋ฐ์์ค๋ ์ ๋ณด
- ํค์๋ ๋ชฉ๋ก ๋ฐ์์ค๊ธฐ
๊ณตํตโ
ํ๋ก ํธ์๋์ ๋ฐฑ์๋ ๊ฐ์ ๋งก์ ์ ๋ฌด๋ฅผ ์ํํ๊ณ , ๋ค์ ๋ API ํต์ ์ ์๋ํด๋ณด๊ธฐ๋ก ๊ฒฐ์ ํ๋ค.