Stt/Tts의 poc를 커밋한다.

[azaraks]

• 일단 화면을 볼 수 있는 서비스를 시작한다.
• 웹페이지 도메인과 api도메인 두가지에 모두 연결한다.
• frontend가 액세스하는 도메인은 api로 모두 이동시킨다.
  • CORS에 주의한다.
  • React + nginx 서비스로 서빙을 시작하면서 도메인 분리를 시도하도록 한다.

[jaeunkm]

CORS는 Cross Origin Resource Sharing = 서로 다른 도메인간에 자원을 공유하는 것을 뜻한다. 기본적으로 브라우저에서 차단되어 할 수 없게 돼있습니다.

왜? 브라우저가 외부 공격에 굉장히 취약하기 때문에 해킹당할 위험을 방지하기 위해 기본적으로 브라우저에서는 현재 있는 도메인/포트와 다른 곳으로 요청을 보내는 것을 원천적으로 차단하고 있습니다.

서로 다른 도메인 간 자원 공유를 하고 싶을때는요? Proxy 패턴을 사용하는 것이 가장 일반적입니다. 클라이언트 웹페이지에서 직접 보내는게 아니라, 클라이언트 페이지에서 클라이언트 서버로 요청을 보내고, 클라이언트 서버에서 백엔드 서버로 요청을 보내도록 하는 것입니다. 서버에서 서버끼리 통신할때는 CORS 정책이 적용되지 않습니다.

그래서 Nginx 프록시 서버를 사용해 접속하고자 합니다! 프록시는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속 할 수 있게 해주는 컴퓨터 시스템이나 응용 프로그램을 말합니다.

(출처: https://dkswnkk.tistory.com/513/ 참고: https://jhyonhyon.tistory.com/39)