Final Project 2주차 회고

1주일 넘게 client localhost 환경에서 계속 cors error, Post net::ERR_EMPTY_RESPONSE error가
계속 발생해서 이 문제를 해결하기 위해 server에서

app.use((req, res) => {
  res.header("Access-Control-Allow-Origin", "*"); // 모든 도메인 허용
});

등 모든 도메인을 허용하게 app.use 헤더에 *을 넣어주었지만, 스몰톡때 홍식님께서 해주신 말씀 중에
app.use(cor()) 이렇게만 해줘도 초기값에 모든 도메인을 허용하게끔 설정이 되어있다고 말씀해주셨다
(위 부분은 자세하게 공부를 다시 해봐야될 것 같다.)

결론은 localhost 환경에서 https의 요청을 하면서 발생하는 에러였는데,
크롬에서 높은 수준의 보안을 유지해서 localhost와 같은 private network resource에 접근이 어려운 점
때문인 것 같다.

refrence
(https://stackoverflow.com/questions/66534759/chrome-cors-error-on-request-to-localhost-dev-server-from-remote-site)

이를 해결하기 위한 방법은

1. HTTPS를 적용하기 위해 우선 빠르게 배포해본다.
2. webpack-dev-server를 사용해서 클라이언트에서 proxy 서버를 활용하여 develop 환경을
   따로 구성한다.

refrence

• 클라이언트 배포: https://app.hyodee.link/
• 서버 배포: https://api-elb.hyodee.link/
  https://evan-moon.github.io/2020/05/21/about-cors/