misonoteApp Center
개발

Mac에서 localhost 링크를 특정 브라우저로 열기

따로 규칙을 만드는 이유

개발 서버는 http://localhost:3000 같은 링크를 출력하고, 누르면 기본 브라우저가 열립니다. 그 브라우저에는 개인 탭이나 테스트를 방해하는 확장 프로그램이 있을 수 있습니다. 로컬 개발 전용으로 깨끗한 브라우저나 프로필을 두는 개발자가 많습니다.

설정 방법

  1. ChooseBrowser를 설치하고 시스템 설정 → 데스크탑 및 Dock → 기본 웹 브라우저에서 ChooseBrowser를 선택합니다.
  2. ChooseBrowser에서 아래 호스트에 규칙을 추가하고 브라우저와 프로필을 고릅니다(Chrome, Edge, Brave, Vivaldi, Chromium 프로필은 앱에서 한 번 로컬 설정이 필요합니다).
  3. 그 뒤로는 어느 앱에서 클릭하든 이 링크들이 선택한 브라우저에서 바로 열립니다. 규칙이 없는 링크는 선택 창이 뜹니다.

추가할 호스트

  • localhost
  • 127.0.0.1

localhost와 127.0.0.1에 개발용 브라우저를 여는 규칙을 추가합니다. 예를 들어 개발용 확장 프로그램만 설치하고 개인 계정에는 로그인하지 않은 Chrome 프로필입니다. 이제 터미널, 에디터, 테스트 도구가 출력하는 로컬 링크는 평소 쓰는 브라우저가 아니라 이쪽에서 열립니다.

동작 확인

개발 서버를 실행하고 출력된 localhost 링크를 눌러 개발용 브라우저에서 열리는지 확인합니다. 이어서 일반 웹사이트 링크를 열어 평소 브라우저로 가는지도 확인합니다.