본문 바로가기

개발로그

웹서버에 대한 이해

안녕하세요.

어제보다 한 걸음더 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