[개발 지식] ngrok 로 외부에서 로컬 개발 서버로 접근하기

위워크, 패스트파이브와 같은 공동 작업 공간에서 제공하는 네트워크에서는 특정 포트에 대한 접근을 제한하거나 방화벽 규칙을 설정하여 보안을 강화하는 경우가 많습니다. 이로 인해 로컬 개발 서버에 외부에서 접근하기 어려울 수 있습니다.

이러한 문제는 특히 모바일 기기나 외부 네트워크에서 로컬 서버에 접근하려고 할 때 발생할 수 있습니다. 특히, React Native같은 경우는 더더욱 그렇습니다.

로컬에서 Metro 서버를 띄워야 하는데 iOS 기종에서는 api 접근이 안되는 상황이 발생할 수도 있죠. 먼저 ngrok 를 컴퓨터에 커맨드로 세팅합니다.

만약 접근하고자 하는 localhost가 4399 일 경우, ngrok http 4399 를 터미널에서 실행하면, Forwarding https://5d3b-54-63-17-187.ngrok-free.app -> http://localhost:4399 같은 포워딩이 뜨는데 여기서 앞에 있는 주소를 localhost 대신해서 사용하면 됩니다...