내가 보려고 만든 개발 공부 일지

localtunnel - 로컬 외부 공개 본문

그 외 잡다구리

localtunnel - 로컬 외부 공개

kwangsunny 2021. 10. 23. 23:39

웹 개발을 할때 내가 작업한 결과를 바로바로 확인하는 곳이

localhost 이다. 포트번호는 주로 8080, 리액트라면 3000 일것이다.

 

근데 내가 작업중인 화면을 다른 누군가에게 보여줘야할 일이 생길 수 있다.

그치만 아직 개발중이고 배포된 상태도 아니니 외부에서 접속할 URL 도 없다.

 

근데 이를 가능하게 해주는 기술이 있는데 바로 localtunnel 이다.

 

localtunnel 은 내 로컬 환경을 외부에서 접속해 볼 수 있는 주소를 만들어주는 녀석이다.

Node.js 패키지이기 때문에 npm 으로 설치해서 사용할 수 있다.

 

사용법 )

1. cmd 창을열고 아래 명령어를 입력.

    npm install -g localtunnel : localtunnel 을 전역 설치해준다.

 

2. 설치가 완료되면 아래 명령어 입력.

    lt --port [로컬 포트번호]

실행 예

그러면 위 실행 예처럼 URL 을 만들어 주는데 저 URL 로 접속하면

외부에서도 나의 로컬 화면을 볼 수 있게 된다.

(내 로컬 서버가 켜져있어야 한다.) 

 

 

참고로 저렇게 만들어준 주소로 접속하면 영어 설명으로 가득찬 페이지가 나오는데

그냥 화면 가운데 버튼 클릭해주면 된다.

Comments