Computer >> 컴퓨터 >  >> 네트워킹 >> 인터넷

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

크롬의 프로그레시브 웹 앱(PWA) 기능을 따라잡기를 기다려 온 파이어폭스 사용자라면 이제 기다림이 끝날지도 모릅니다. 모질라는 지난 몇 년간 여러 차례(예: Prism 프로젝트) 사이트별 브라우저(Site-Specific Browser, SSB) 기능을 시도해 왔고, 2017년부터는 모바일에서 이를 지원해 왔습니다. 그리고 파이어폭스 73부터는 이 기능이 데스크톱 브라우저의 핵심 요소로 자리 잡아가고 있는 것으로 보입니다.

현재 이 기능은 실험적 기능으로 숨겨져 있지만, 정식 출시되어 기본 활성화되기 전에도 나이틀리(Nightly), 개발자(Developer), 베타(Beta), 안정(Stable) 버전 등 주요 파이어폭스 버전 어디서든 활성화해 사용할 수 있습니다.

사이트별 브라우저(SSB)란 무엇인가?

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

사이트별 브라우저는 말 그대로 웹사이트를 하나의 '앱'처럼 만들어 주는 기능입니다. 별도의 브라우저 인스턴스에서 실행되며 일반 데스크톱 앱처럼 동작합니다. 덕분에 특정 사이트들은 작업 표시줄 버튼, 오프라인 기능, 프로그램과 같은 실행 방식 등 '일급 시민(first-class citizen)' 대접을 받게 되어, 기존 브라우저 기반 사이트보다 훨씬 편리하게 이용할 수 있습니다.

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

또한 SSB는 브라우저의 도구 모음, 메뉴 등 각종 UI 요소를 대부분 걷어냅니다(버전 74 기준 현재 구현은 특히 많은 부분을 제거했습니다). 결과적으로 웹사이트가 제공하도록 설계된 기능에만 집중하게 되죠. 앱이나 사이트에 따라서는 더 매끄러운 사용 경험을 제공하지만, SSB/PWA 표준에 맞춰 만들어지지 않은 사이트는 오히려 사용성이 떨어질 수 있다는 점도 유의해야 합니다.

SSB 기능 활성화하기

1. 파이어폭스 주소창에 about:config를 입력하고 나타나는 경고 화면을 넘어갑니다.

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

2. 검색창에 browser.ssb.enabled를 입력합니다.

3. Boolean 값이 표시되면 오른쪽의 화살표 버튼을 눌러 값을 true로 변경합니다.

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

4. 브라우저를 재시작하면 설정이 적용됩니다.

SSB 사용 방법

1. 앱처럼 사용하고 싶은 웹사이트에 접속합니다. 디스코드(Discord) 채팅 앱이 좋은 예입니다. 디스코드는 이미 Electron 프레임워크를 활용해 웹 기술을 프로그램 형태로 구동하는 데스크톱 앱을 제공하고 있기 때문에, SSB/PWA 버전도 기존 데스크톱 버전과 상당히 비슷하게 보일 것입니다.

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

2. 주소창 URL 오른쪽에 있는 점 세 개(⋮) 아이콘을 클릭합니다.

3. "이 웹사이트를 앱으로 설치(Install this website as app)" 또는 "사이트별 브라우저 실행(Launch Site Specific Browser)"을 선택합니다. (사용 중인 버전에 따라 메뉴 이름이 다를 수 있습니다.)

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

4. 그러면 해당 앱의 바로 가기가 바탕화면에 바로 설치되어, 일반 프로그램처럼 실행할 수 있게 됩니다. 이미 데스크톱 버전이 있는 앱이라면 원한다면 두 가지를 동시에 사용하는 것도 가능합니다.

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

5. 설치된 웹사이트를 관리하려면 햄버거 메뉴(≡)를 열고 "사이트 브라우저(Site Browsers)" 또는 "설치된 웹사이트(Installed websites)" 항목을 찾습니다. (파이어폭스 버전에 따라 명칭이 다릅니다.)

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

6. 목록에서 사이트를 클릭하면 새 창으로 실행됩니다. 현재 안정 버전(파이어폭스 74)에서는 이것이 전부지만, 개발자 버전과 나이틀리 버전에는 오른쪽에 삭제용 "X" 버튼이 있어 설치된 웹사이트를 제거할 수 있습니다.

파이어폭스(Firefox)에서 사이트별 브라우저(SSB) 활성화하고 웹사이트를 앱처럼 쓰는 방법

파이어폭스에서 웹 앱의 미래

크롬은 이미 프로그레시브 웹 앱을 상당히 잘 지원하고 있습니다. 구글이 사실상 이 표준을 만들어 왔기 때문인데요, 모질라가 개발을 완료한 후 이 기능이 어떤 모습이 될지 궁금하다면 크롬에서 미리 체험해 볼 수 있습니다. 파이어폭스의 SSB는 아직 다소 투박하고 숨겨진 상태지만, 지금 당장 파이어폭스에서 PWA/SSB가 필요하다면 충분히 사용할 수 있습니다. 웹 앱은 미래 인터넷의 중요한 부분이 될 것이며, 파이어폭스의 지원은 이 브라우저에게 의미 있는 진전이라 할 수 있습니다.

한편, 리눅스 사용자(그리고 파이어폭스를 쓰지 않는 분)라면 리눅스에서는 Peppermint로, 안드로이드에서는 Hermit으로 직접 나만의 웹 앱을 만들 수도 있습니다.