Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
Offcanvas
1111Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
애플리케이션 / 퍼스널 컴퓨팅

How-To : 파이어폭스에서 수직 탭을 설정하는 '비공식적인' 방법

Jared Newman | PCWorld 2022.08.10
몇몇 사용자는 수직 탭을 지원하지 않는 파이어폭스에 불만을 품을 수 있다. 수직 탭은 수십 개의 브라우저 탭을 단일 창에 정리하는 효과적인 방법이다. 대부분의 웹 사이트에서 사용하지 않는 페이지의 일부 수평 영역을 희생하더라도 각 탭은 동일한 크기를 유지하므로 페이지 제목을 절대 놓치지 않는다. 또한 훨씬 많은 앱을 열었을 때도 마우스 휠이나 트랙패드를 사용해 탭 목록 위아래로 쉽게 스크롤할 수 있다. 
 
ⓒ Jared Newman / Foundry

필자는 파이어폭스 사용자가 아니다. 최근에 프라이버시에 중점을 둔 서비스 리브르울프(Livrewolf)라는 브라우저를 사용하면서 애초에 필자가 파이어폭스에서 멀어진 이유가 다시 생각났다. 마이크로소프트 엣지, 비발디와는 다르게 파이어폭스는 공식적으로 수직 탭을 지원하지 않으며, 리브레울프도 마찬가지였다. 

그러나 파이어폭스와 파이어폭스 기반의 다른 브라우저에서 수직 탭을 사용하는 한 가지 '비공식적인' 방법이 있다. 수직 탭 브라우저 확장 프로그램과 수평 탭을 숨기는 잘 알려지지 않은 사용자 설정을 결합하는 것이다. (필자는 브라우저 화면을 최대한 활용하는 데 중요한 두 번째 단계를 생략하는 가이드를 너무 많이 봤다.)

모질라가 파이어폭스에 수직 탭 도입을 검토 중인 것으로 알려졌지만, 결정이 될 때까지 기다릴 필요는 없다. 지금 바로 설정할 수 있는 방법을 알아보자.


1. 수집 탭 확장 프로그램 설치

파이어폭스의 부가 기능 가운데 가장 좋았던 것은 트리 스타일 탭(Tree Style Tab)이다. 기본적으로 트리 스타일 탭은 현재 파이어폭스가 채택한 프로톤(Proton) 디자인을 잘 살린다. 그러나 이전의 포탄(Photon) 테마와 고대비 레이아웃 같은 다른 디자인도 지원한다. 
 
트리 스타일 탭은 여러 가지 수직 탭 스타일을 제공한다. ⓒ Jared Newman / Foundry

또한 드래그 앤 드롭 기능을 사용해 탭을 그룹으로 쉽게 배열할 수 있다. 하나의 탭을 다른 위로 끌어 놓으면 새로운 그룹이 생성된다. 그런 다음 그룹 옆에 있는 화살표 아이콘을 눌러 그룹의 탭을 펼치거나 접을 수 있다. (수직 탭은 그룹화에 특히 유용하다.)

트리 스타일 탭은 파이어폭스 부가 기능 홈페이지에서 다운로드할 수 있다. 혹은 다른 확장 프로그램을 사용해도 좋다. 
 
  • 탭 센터 리본(Tab Center Reborn) : 탭 그룹 기능을 지원하지 않지만, 탭 검색 툴이 내장되어 있으며, 공간이 허용될 때는 각 탭에 대해 썸네일 페이지를 표시한다.
  • 사이드베리(Sidebery) : 탭을 하위 목록 형태로 정렬할 수 있으며, 여러 수직 탭 집합을 만들어 상단 탐색 막대를 사용해 각 탭 집합을 전환할 수 있다.
 
탭 센터 리본은 썸네일을 제공한다. 검색 툴도 내장되어 있다. ⓒ Jared Newman / Foundry


2. 파이어폭스 상단의 수평 탭 숨기기

파이어폭스에 수직 탭 프로그램을 설치했다면, 이제는 브라우저 상단의 표준 수평 탭을 숨길 차례다. CSS 코드를 사용해 메뉴 시스템을 사용자화하는 다소 특이한 파이어폭스 기능을 사용해야 한다. 무섭게 들릴지 모르지만, 설정 방법은 매우 간단하다.

우선 파이어폭스의 CSS 사용자화 기능을 활성화해야 한다. 이 기능은 기본적으로 비활성화된 상태다. 
 
  • 브라우저 주소창에 about:config를 입력한 후 '위험을 감수하고 계속하기(Accept the Risk and Continue)'를 선택한다. 
  • '검색 기본 설정 지정(Search preference name)' 아래에 다음 텍스트를 붙여 넣는다. toolkit.legacyUserProfileCustomizations.stylesheets 
  • 오른쪽의 토글 버튼을 탭하여 기본 설정을 '참(true)'으로 변경한다. 
 
ⓒ Jared Newman / Foundry

이제 가로 탭 막대를 숨기기 위한 사용자 정의 CSS 파일을 만들어야 한다. 
 
  • 주소창에 about:support를 입력한다.
  • '프로파일 폴더(Profile Folder)'가 나올 때까지 스크롤을 내린 후 '폴더 열기(Open Folder)' 버튼을 클릭한다.
 
ⓒ Jared Newman / Foundry
 
  • 방금 연 폴더 안에 '크롬(chrome)'이라는 이름으로 새 하위 폴더를 만든다. 
  • 새로 만든 '크롬' 폴더에서 새로운 텍스트 파일을 만든다. 
  • 텍스트 파일의 이름을 userChrome.css로 변경한다. (.txt 확장자까지 .css로 변경해야 함)
  • 메모장 같은 텍스트 편집기로 userChrome.css 파일을 연다.
  • 이 페이지에 있는 모든 내용을 복사해 userChrome.css 파일에 붙여 넣는다. 
 
userChrome.css은 이런 모습이어야 한다. ⓒ Jared Newman / Foundry

텍스트를 붙여 넣은 userChrome.css 파일을 저장하고, 파이어폭스를 다시 시작한다. 이제 수평 탭 표시줄이 보이지 않고 탐색 버튼, 주소 표시줄, 확장 프로그램 및 창 버튼이 포함된 간소화된 메뉴 표시줄만 남게 된다. 전체 화면 모드로 들어가면 수직 탭 막대도 숨겨진다. 

언제나 그렇듯이 상단 탐색 표시줄을 마우스 오른쪽 버튼으로 클릭한 다음 ‘도구 모음 사용자 지정’을 선택하면 탐색 표시줄도 원하는 대로 정리할 수 있다. 창을 클릭하거나 끌 수 있는 공간을 위해 주소 표시줄 옆에 빈 공간을 마련해두는 것을 추천한다. 

수평 탭 행을 복원하고 싶다면 ‘크롬’ 폴더로 돌아가서 userChrome.css 파일을 삭제한 후, 파이어폭스를 다시 시작하면 된다. (파일명을 hiddentabs.css 같은 다른 것으로 변경해두면 추후 다시 수평 탭을 가리고 싶을 때 이름만 변경하면 된다.)

이제 파이어폭스에서 탭을 관리하는 훨씬 나은 방법을 알게 됐다. 모질라가 수직 탭 기능을 추가한다면 이런 추가 작업을 필요 없을 것이다.
editor@itworld.co.kr
 Tags 브라우저 파이어폭스 수직탭
Sponsored

회사명 : 한국IDG | 제호: ITWorld | 주소 : 서울시 중구 세종대로 23, 4층 우)04512
| 등록번호 : 서울 아00743 등록일자 : 2009년 01월 19일

발행인 : 박형미 | 편집인 : 박재곤 | 청소년보호책임자 : 한정규
| 사업자 등록번호 : 214-87-22467 Tel : 02-558-6950

Copyright © 2022 International Data Group. All rights reserved.