안녕하세요.
어제보다 한 걸음더 One Step Further 입니다.
어제 Spring Boot 와 React 연동을 했습니다. 'http-proxy-middleware'를 사용해서 리액트 앱의 3000번 포트로 8080포트를 가진 톰캣에 proxy로 접근하는 방식이었습니다.
<!-- 프록시란 ?
프록시 서버는 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해 주는 컴퓨터 시스템이나 응용 프로그램을 가리킨다. 서버와 클라이언트 사이에 중계기로서 대리로 통신을 수행하는 것을 가리켜 '프록시', 그 중계 기능을 하는 것을 프록시 서버라고 부른다.
웹서버란 ?
웹 브라우저와 같은 클라이언트로부터 HTTP 요청을 받아들이고, HTML 문서와 같은 웹 페이지를 반환하는 컴퓨터 프로그램
-출처 : 위키백과
-->
3000포트로 리액트 앱이 접근이 가능하고 8080 포트의 서버에 접근을 해야하니 url만으로 접근할 수 있도록 경로를 틀어준다. 마치 물길을 돌리는 것처럼 이해를 했습니다. 그래도 모르겠습니다. 그러나 제가 물어야 하는 부분을 깨달았습니다. 결국 npm start ( = build + run 프로젝트 ) 를 사용하지 않고 그러니까 node 서버를 사용하지 않고 react를 구동할 수 있는가였고. 그에대 한 답변을 찾았습니다.
답변 : https://stackoverflow.com/questions/42279175/is-it-possible-to-run-react-project-without-npm-start
Is it possible to run React project without npm start?
I'm in a big trouble. Working in a part time in a company they're looking for a new web technology to build "web-component" in their website. They have started to use AngularJS (first version) an...
stackoverflow.com
'React project를 npm start 없이 사용이 가능한가?' 에 대한 질문이며, 그에 대한 답변은 "파일을 build 해주고 나온 파일을 다른 웹서버의 static 서버에 올리면 된다.
이 답변으로 npm start 말고 build 후 스프링에서 페이지를 불러오는 방법으로 방향을 잡아봅니다.
'개발로그' 카테고리의 다른 글
1년 돌아보기 (feat . AES 암호화) (0) | 2022.11.17 |
---|---|
일단 웹부터.. (0) | 2022.11.10 |
Spring boot + React 통신 성공 (0) | 2022.11.08 |
SQL 조건검색 중 언더바 (0) | 2022.11.08 |
JS - 중복체크 (0) | 2022.11.07 |