Express
,vanilla typescript
,history API
,Webpack
์ฌ์ฉ- SPA ๋ผ์ฐํ ์์คํ ๊ตฌํ
ํ๋ก๊ทธ๋๋จธ์ค ๊ณผ์ ํ ์คํธ ์ปคํผ ์ฃผ๋ฌธ ํ์ด์ง ๋ง๋ค๊ธฐ ํ์ฉ
npm run build
npm run dev
npm run start
ํ๋ก์ ํธ์์ ๋ฐ์ดํฐ๋ฅผ ์์ฒญํ ๋ ๋์ผ ์ถ์ฒ ์ ์ฑ (๋์ผํ ์ถ์ฒ์ ๋ฆฌ์์ค์๋ง ์ ๊ทผํ๋๋ก ์ ํํ๋ ๊ฒ)์ผ๋ก CORS ์๋ฌ๊ฐ ๋ฐ์ํ๋ค.
์ด๋ฅผ ํด๊ฒฐํ๊ธฐ์ํด express๋ก ๊ฐ๋จํ proxy server๋ฅผ ๋ง๋ค์๋ค (server.js
ํ์ผ)
CORS(Cross Origin Resource Sharing)
CORS๋ ํ ๋๋ฉ์ธ ๋๋ Origin์ ์น ํ์ด์ง๊ฐ ๋ค๋ฅธ ๋๋ฉ์ธ (๋๋ฉ์ธ ๊ฐ ์์ฒญ)์ ๊ฐ์ง ๋ฆฌ์์ค์ ์ก์ธ์ค ํ ์ ์๊ฒํ๋ ๋ณด์ ๋ฉ์ปค๋์ฆ