기타 Lobsters · 2026-10-21

웹 서버 안 띄워도 됨: 파이어폭스에 추가된 개발자용 '로컬 모드' 기능

핵심 요약
  • 파이어폭스 153 개발자 도구에 로컬 폴더를 커스텀 https:// 도메인으로 매핑해 주는 '로컬 모드' 기능이 추가되었습니다.
  • 별도 웹 서버를 띄우지 않아도 보안 컨텍스트(HTTPS) 전용 웹 API를 테스트할 수 있고 프로젝트별 독립 쿠키 및 스토리지가 지원됩니다.
  • 개발자 도구가 열려 있을 때만 파이어폭스 내부에서 안전하게 동작하며 임시 매핑이나 about:config를 통한 설정 관리도 가능합니다.
요약 파이어폭스(Firefox) 153 버전에 개발자를 위한 새로운 기능인 '로컬 모드(Local Mode)'가 도입되었습니다. 웹 개발을 할 때 로컬 HTML/JS 파일을 테스트하려면 별도의 로컬 HTTP 웹 서버를 띄워야 하거나, 파일 프로토콜(file://) 환경에서는 HTTPS 환경에서만 작동하는 최신 웹 API(Secure Contexts 제한 API)를 테스트하기 어려운 번거로움이 있었습니다. 이번에 추가된 로컬 모드는 개발자 도구(DevTools)의 옵션 패널을 통해 로컬 폴더 경로를 커스텀 https:// URL(도메인)로 매핑해 주는 기능입니다. 이를 통해 복잡한 로컬 서버 구동 없이도 여러 프로젝트마다 서로 다른 전용 도메인을 지정해 테스트할 수 있으며, 프로젝트별로 독립된 스토리지와 쿠키 환경을 분리하여 관리할 수 있게 됩니다. 보안 측면에서도 신경을 썼습니다. 해당 매핑은 오직 파이어폭스 내부에서, 그리고 개발자 도구가 열려 있는 상태에서만 작동하므로 로컬 네트워크나 다른 프로그램, 악성 소프트웨어가 이를 악용할 수 없도록 격리되어 있습니다. 또한 개발자 도구를 켠 상태에서 로컬 file:// URL을 불러올 경우 상단에 알림이 표시되어 바로 설정에 추가하거나, 개발자 도구를 닫으면 즉시 사라지는 임시 매핑(Try it)으로 손쉽게 테스트할 수도 있습니다. 프로필 간 매핑 이동이나 자동화가 필요한 경우 about:config 설정값을 통해서도 매핑 정보를 직접 제어할 수 있습니다.
Sponsored · 광고