historyApiFallback의 역할

리액트는 SPA 방식이어서 URL의 시작 주소(=index.html)만 갖고 있는데,
웹의 history API를 사용해서 여러가지 URL이 있는 것 처럼 가짜주소를 만들어 줄 수 있다.

localhost:3090/login
coding-heesong.com/beauty/make-up

이런 주소로 이동하거나 새로고침을 하면 프론트로 가지 않고 서버로 가게된다.
그런데 문제는 서버는 오직 시작 주소만 알고 있다.

• localhost:3090
• coding-heesong.com

그래서 webpack.config.ts에서 devServer의 historyApiFallback: true를 줘서 실제로 서버에는 없는 주소를 있는 주소처럼 인식 할 수 있게 해준다.