[모각코] Spring 외부접속

오늘은 간단히 프론트엔드-백엔드간 외부 접속을 통한 연동을 확인해보는 포스팅을 올릴 예정입니다.

 

-사용도구: Ngrok

임의의 외부접속이 가능한 ip주소를 부여해주는 프로그램입니다. 기존 공유기를 통해 포트포워딩 및 외부접속시 보안의 위험성이 존재하기도 하며, 공유기-PC 사이에 모뎀이 위치할 경우 포트포워딩 및 외부접속 절차가 복잡해지기 때문에 Ngrok를 사용합니다.

 

-다운로드 링크: https://ngrok.com/

ngrok - secure introspectable tunnels to localhost

(개인 PC화면 이므로 사진은 생략하겠습니다.)

 

Ngrok를 사용할 경우 http://39da19baadfwef.ngrok.io(예시입니다) 와 같은 기존의 외부접속 허용 ip와는 다른 형식의 주소를 제공합니다. 

 

React.js의 백엔드 주소 입력 부분

따라서 React의 baseURL 부분에 해당주소를 입력해주고, Spring에서 서버를 열어준다면 둘의 연동은 완성입니다.