로컬터널과 개발환경
localtunnel은 로컬 개발 서버를 외부에서 접근 가능한 공개 URL로 터널링해주는 오픈 소스 npm 패키지다. 포트 포워딩이나 네트워크 설정 변경 없이 `npm install -g localtunnel` 설치 후 `lt --port [포트번호]` 명령 하나로 즉시 사용 가능하다.
원격 근무, 카페 등 내 마음대로 네트워크를 설정할 수 없는 환경에서 클라이언트에게 개발 중인 화면을 실시간으로 보여줄 때 유용하다. `--subdomain` 옵션으로 고정 URL을 지정할 수 있어 매번 새 URL을 공유하는 번거로움을 줄인다. Node 기반이라 운영체제 무관하게 작동한다.
장점으로는 회원가입 불필요, 무료 오픈 소스, 서브도메인 지정 가능, 인입 요청 확인 기능이 있다. 단점으로는 브라우저 첫 접속 시 또는 7일마다 안내 페이지가 표시되고, 접속 속도가 느리며, 오픈 소스 특성상 간헐적 접속 장애가 있을 수 있다.
활용 맥락: 클라이언트는 기획 문서나 디자인만 보고 실제 작동 모습을 상상하기 어렵다. 빌드 후 별도 서버에 배포하는 대신 localtunnel로 개발 중인 모습을 주기적으로 공유하면 방향 오류를 조기에 발견하고 클라이언트 만족도를 높일 수 있다. 다른 기기(모바일 등) 테스트에도 유용하다.
핵심 내용
- `lt --port 포트번호` 한 명령으로 외부 접근 가능한 HTTPS URL 즉시 생성
- `--subdomain` 옵션으로 고정 URL 지정 가능 (예: `lt --port 8080 --subdomain myapp`)
- 네트워크 설정 변경 권한 없이도 사용 가능 — 원격 근무·외부 테스트에 적합
- 유사 도구: ngrok(유료 플랜 더 안정적), Cloudflare Tunnel 등
- 보안 주의: 공개 URL이므로 민감한 데이터가 있는 로컬 환경 노출에 유의
관련 개념
- 웹 아키텍처 — 로컬 서버와 외부 접근을 잇는 터널링 메커니즘
- PWA 프로그레시브 웹 앱 — 모바일 기기에서 PWA 동작을 테스트할 때 localtunnel 활용
출처
- 외부에서 로컬 개발 서버에 접근하기 — 2022-03-17, doworld
- Emulator — taeyong.kim, UX Engineer 이야기