Arc: '사용하기 편한' 브라우저

⚠️현재 Arc은 공개 베타 단계로, 초대 코드가 있거나 대기열에 신청해야 사용할 수 있습니다. 사용자마다 5개의 초대 코드를 친구들에게 배포할 수 있으므로, Arc 브라우저를 체험해 보고 싶으신 분은 저에게 개인 메시지를 보내주세요.

✅이 블로그 게시 시점 기준으로, Arc 브라우저는 Mac과 iPhone에서만 사용 가능합니다.

서론

브라우저는 모두에게 친숙한 도구일 것입니다. 개인적으로 컴퓨터 과학의 본질은 데이터와 데이터 처리이며, 인터넷의 본질은 정보 교환이라고 생각합니다. 따라서 일반 대중이 인터넷의 방대한 데이터를 더 효율적으로 처리할 수 있도록 하는 방법은 매우 중요한 연구 분야입니다. 일반인들은 컴퓨터나 명령줄 등에 익숙하지 않기 때문에, 인터넷 데이터 정보를 시각화해 주는 도구가 필수적이며, 이에 따라 브라우저가 탄생했습니다.

전형적인 브라우저 설계

브라우저는 인터넷의 코드 언어를 시각적 인터페이스로 변환하고 명령을 발행하여 상호작용하는 도구입니다. 또한, 인터넷의 방대한 정보를 더 잘 처리할 수 있도록 돕는 역할을 합니다. 현재 주류 브라우저 설계에는 다음과 같은 기능들이 있으며, 하나씩 소개하겠습니다.

계정 시스템

만약 항상 한 대의 컴퓨터에서만 브라우저를 사용한다면, 계정 시스템은 그다지 중요하지 않을 수 있습니다. 이는 많은 사람들이 Windows XP에서 이어온 습관으로 Windows 7+ 시스템을 사용할 때 로컬 계정만 사용하고 Microsoft 계정을 사용하지 않는 이유를 설명해 줍니다. 그러나 다른 컴퓨터에서 동일한 브라우저를 사용한다면, 계정 시스템은 다른 컴퓨터 간의 데이터 동기화 문제를 더 편리하게 해결하기 위해 존재합니다.

또한, 계정은 브라우저 제조사의 전략적 목적과도 일치합니다. 동일한 계정을 사용하면 제조사의 브라우저뿐만 아니라 바이러스 백신 소프트웨어, 포럼 등의 다른 제품도 사용할 수 있으며, 이는 제조사가 맞춤형 광고를 게재하는 기반이 됩니다.

하지만 일반적으로 브라우저의 계정 시스템은 다른 컴퓨터에서 저장한 웹 주소, 북마크, 설정(가능한 경우) 등을 동기화하는 데만 사용되며, 현재 A 컴퓨터에서 열린 브라우저 페이지를 B 컴퓨터의 브라우저에서 열도록 동기화하지는 않습니다. B 컴퓨터에서 A 컴퓨터에서 열린 페이지를 열려면 '기록’에서 찾아야 하거나(브라우저가 검색 기록을 동기화하는 경우) '다른 기기에서 연 탭’에서 찾아야 합니다.

주소 표시줄

주소 표시줄은 말 그대로 현재 페이지의 주소를 표시하기 위한 것입니다. 그러나 많은 경우 사용자는 현재 페이지의 경로(도메인 뒤의 내용, 예를 들어 www.baidu.com/personal.html에서 /personal.html는 경로이고 www.baidu.com은 도메인입니다)가 무엇인지 신경 쓰지 않습니다. 사실 사용자는 도메인만 알면 충분하며, 도메인을 확인하는 것은 피싱 사기 사이트를 방지하기 위함입니다.

이와 관련해 Chrome은 설정할 수 없으며 항상 전체 링크를 표시합니다:

반면 Safari는 전체 페이지 주소를 표시할지 여부를 설정할 수 있지만, 이 설정도 깊숙이 숨겨져 있습니다. 설정-고급-스마트 검색 표시줄에서 찾을 수 있습니다:

전체 주소를 표시하는 Safari:

도메인만 표시하는 Safari:

도메인만 표시할 때 발생할 수 있는 문제는 다른 사람의 '리베이트 링크’를 클릭할 수 있다는 것입니다. 일반적인 접속 주소 뒤에 일련의 코드가 붙어 있는 것이 특징이며, 예를 들어 www.jd.com/goods/123?reffercode=xxx과 같습니다. 이 주소를 통해 쇼핑 사이트에 접속해 물건을 구매하면, 주소를 제공한 사람이 수수료를 받게 됩니다. 이는 자신의 이익을 해치지는 않지만(어차피 구매할 물건이기 때문), 이용당하는 느낌이 들 수 있으므로 저는 일반적으로 '전체 웹 사이트 주소 표시’를 설정합니다.

더 나아가, 현재 브라우저들은 '주소 표시줄’을 검색 도구의 입구로 사용하고 있습니다. 이렇게 하는 데는 두 가지 이유가 있는데, 하나는 사용자 검색의 운영 경로를 단순화하기 위함이고, 다른 하나는 검색 엔진 제조사와 협력하여 출하 시 기본 검색 엔진을 설정해 검색 엔진 제조사로부터 수익을 얻기 위함입니다. 구글이 매년 수억 달러를 애플에 지불해 애플 기기의 브라우저에서 구글을 기본 검색 엔진으로 사용하도록 한다는 소문이 있습니다.

즐겨찾기(북마크)

즐겨찾기 또는 북마크는 나중에 다시 확인하거나 자주 사용할 주소를 저장해 두기 위한 것입니다. 그러나 여기에는 두 가지 문제가 있습니다:

• 시간이 지나면 저장한 웹 페이지가 많아져 찾기 어려워집니다.

• 일부 웹 페이지는 '나중에 확인하고 삭제’하기 위한 것이지만, 저장한 후 잊어버려 점차 즐겨찾기 기능의 사용 비용을 높입니다.

첫 번째 문제에 대한 해결책은 폴더를 사용해 분류하는 것이지만, 이는 장기적인 해결책이 아닙니다. 폴더는 중첩될 수 있으며, ‘저장된 웹 페이지가 많아져 찾기 어려운’ 문제를 해결하지는 못합니다.

두 번째 문제에 대해 Chrome 브라우저는 최근 몇 버전에서 ‘임시 즐겨찾기’—‘나중에 읽기’ 기능을 추가했습니다:

이와 관련해 Safari는 더 일찍 해결책을 제시했습니다. 오래전부터 Safari에는 ‘읽기 목록’ 기능, 즉 '나중에 읽기’가 있었습니다.

Arc 브라우저 설계

먼저, 시장에는 이미 많은 브라우저가 있는데 왜 Arc 브라우저가 필요한 걸까요? 답은 분명합니다. Arc은 기존 브라우저 사용 과정에서 발생하는 몇 가지 문제점을 해결하거나 해결하려 시도하기 위해 존재합니다. 아래에서 다양한 시나리오를 중심으로 설명하겠습니다.

시나리오 1

💡동료나 친구가 WeChat이나 QQ 등을 통해 **여러 개의** 링크를 보내며, 당신에게 투표를 부탁하거나 번호를 선점하거나 할인을 요청하는 등의 도움을 청합니다.

일반 브라우저 작업:

1. 현재 사용 중인, 이미 수백 개의 탭이 열려 있어 어떤 탭이 어떤 사이트인지 구분하기 어려운 브라우저에서 친구가 보낸 여러 링크를 엽니다.

2. 링크로 열린 여러 브라우저 탭에서 요청받은 작업을 처리합니다.

3. 작업을 완료한 후, 수많은 브라우저 탭 중에서 방금 친구가 보낸 링크로 열린 탭을 정확히 찾아 하나씩 닫습니다. 열린 탭이 너무 많아 어떤 탭이 방금 열린 것인지 찾느라 상당한 시간을 소모할 수 있습니다.

👇🏻 아래 브라우저 탭들 중에서 방금 친구가 보낸 링크로 열린, 임시로 처리 후 닫아야 할 탭을 정확히 구분할 수 있나요? 특히 새 탭이 현재 사용 중인 탭의 어느 쪽에 열릴지 모르는 상황에서는 더욱 어렵습니다.

대부분의 경우, 귀찮아서 열린 탭을 찾지 않고 요청만 처리한 후 탭을 그대로 방치하게 되며, 이는 상황을 더욱 악화시킵니다.

Arc 브라우저 작업:

먼저, Arc 브라우저는 이러한 시나리오를 근본적으로 해결하여 탭이 과도하게 열리는 상황을 방지합니다. 해결 방법은 바로 「Little Arc」(공식 명칭이며, 저는 일반적으로 「임시 창」이라고 부릅니다)입니다.

Little Arc의 설계 원칙은, 다른 애플리케이션에서 Arc를 통해 열린 링크나 단축키로 열린 링크는 기본적으로 독립된 임시 창에서 열리며, 현재 사용 중인 메인 Arc 창에서는 열리지 않습니다:

이를 통해 「탭이 너무 많아 임시로 열린 탭을 찾기 어려워 닫지 않고 방치하여 탭이 점점 늘어나는」 문제를 해결합니다.

여기서 의문이 들 수 있습니다. Arc는 어떻게 링크가 메인 브라우저 창에서 열릴지, Little Arc에서 열릴지 판단할까요? 답은 「Air Traffic Control」, 즉 「트래픽 제어」입니다. 말 그대로 수동으로 화이트리스트를 설정하여 특정 도메인이 메인 Arc에서 열릴지, Little Arc에서 열릴지 지정할 수 있습니다:

(여기서 위의 Open in 설정은 무시해 주세요. 아직 설명하지 않았으며, 아래에서 다룰 예정입니다). 화이트리스트에 없는 링크는 모두 기본적으로 Little Arc에서 열립니다. 물론, Little Arc에서 연 창을 메인 Arc 창에서 열 수도 있습니다. Little Arc의 오른쪽 상단에 있는 「Open in XXX」(XXX는 아래에서 설명할 Space 이름)을 클릭하거나 CMD + O를 누르면 됩니다.

시나리오 2

💡회사에서 흥미로운 블로그 글을 읽고 있는데, 갑자기 6시가 되어 퇴근 시간이 됐습니다. 서둘러 집으로 돌아온 후, 그 흥미로운 블로그 글이 생각납니다.

일반 브라우저 작업(Chrome 기준):

• 상단 바의 「기록」을 클릭합니다.

• 「전체 기록 보기」를 클릭합니다.

• 「다른 기기에서 연 탭」을 클릭한 후, 방금 회사에서 연 탭을 선택하여 엽니다.

Arc 브라우저 작업:

아! 무! 것! 도! 할! 필! 요! 없! 습! 니! 다! Arc 브라우저에서 연 모든 탭 페이지는 동일한 계정의 다른 Arc 브라우저에 실시간으로 동기화됩니다.

심지어, 같은 컴퓨터에서 두 개의 Arc 브라우저를 열고 하나에서 탭을 열면 다른 브라우저에서도 실시간으로 탭이 열립니다(음, 매우 합리적입니다!).

2023.06.02 업데이트: 이제 Arc는 이 디자인을 취소했습니다. 같은 컴퓨터에서 여러 창을 열면 각 창마다 자신의 탭이 있으며, 창을 닫을 때 닫힌 창의 탭을 남은 활성 창에서 열지 묻습니다.

하지만 여기에는 예외가 있습니다. Pined(나중에 설명) 탭(즉, 왼쪽 상단의 최대 12개의 웹사이트)은 전역적으로 유일하며 Space(나중에 설명)와 구분되지 않기 때문에 하나의 브라우저 창에서만 열 수 있습니다. 한 창에서 열면 다른 창의 해당 탭은 자동으로 닫힙니다(같은 컴퓨터에서 여러 창을 연 경우에만 해당).

시나리오 3

💡근무 시간에 당신은 웨이보와 트위터를 보고 있습니다. 이때 동료가 코드 리뷰를 해달라고 하자, 웨이보 창 옆에 코드 리뷰 링크를 열었습니다. 하지만 사실은 좀 더 일을 미루고 싶었는데, 바로 그때 고 T가 뒤를 지나갑니다. 급히 코드 리뷰 탭으로 전환하자, 고 T는 당신이 코드 리뷰를 하는 모습을 보고 만족스럽게 고개를 끄덕였습니다. 하지만 자세히 보니 리뷰 탭 옆에 눈에 띄게 웨이보 탭이 표시되어 있었습니다. 결국 근무 중 웨이보를 보며 코드 리뷰를 하는 척한 계략이 들통나, 당신은 연말 보너스도, 일반 인상도, 승진도 없을 뿐만 아니라 PUA와 N + 1까지 당하게 됩니다.

일반 브라우저 사용법 (Chrome 기준):

• (선택 사항) 시크릿 창에서 웨이보를 보고, 일반 창에서는 리뷰를 합니다. 단점은 예쁜 누나의 춤 동영상을 보다가 고 T가 지나가자 급히 시크릿 창을 닫아서, 나중에 그 누나의 아름다운 자태를 다시 보고 싶어도 주소를 찾을 수 없다는 점입니다.

• (선택 사항) 웨이보를 탭 그룹에 넣어 숨깁니다. 자유롭게 전환 가능.

Arc 브라우저 사용법:

Arc에는 Space 개념이 있습니다. 예를 들어, 저는 "업무"와 "열심히 일하기"라는 두 개의 Space를 설정했습니다. 위의 "트래픽 제어"에서 설명한 대로, “열심히 일하기” Space에는 웨이보, 트위터 같은 놀기 사이트를 열고, “업무” Space에는 실제 작업 탭을 엽니다. 그리고 CMD + 1/2를 눌러 Space를 빠르게 전환합니다.

주의할 점은, 다른 Space의 Pinned 탭은 동일하지만 Folder(기존의 북마크와 유사하지만 다릅니다. 뒤에서 설명)와 열린 탭은 독립적이라는 것입니다.

Arc의 다른 디자인 개념

위는 Arc의 주요 효율성 사용 시나리오입니다. 복잡한 웹 페이지 관리에서 벗어나도록 Arc는 몇 가지 다른 개념도 도입했습니다. 위의 내용과 함께 아래에서 자세히 설명하겠습니다.

Space

Space는 말 그대로 분할 공간입니다. 멀티 계정과 비슷하지만, Folder와 열린 페이지만 독립적이며, Pinned와 Extension 등은 동일합니다.

Pinned

가장 자주 사용하는 페이지를 Pinned로 설정해 모든 Space 상단에 고정할 수 있습니다(최대 12개). Space를 전환할 때 이 Pinned 페이지는 변경되지 않습니다. 저는 보통 모든 Space에서 공통으로 사용하는 페이지(Notion, Gmail, Spotify 등)를 여기에 놓습니다.

Pinned 페이지는 우선순위가 높기 때문에, Arc 팀은 일부 웹사이트를 최적화했습니다. 따라서 마우스를 올리면 지원되는 경우 미리보기가 표시됩니다:

현재 지원되는 웹사이트 중 일부는 설정에서 미리보기 효과를 별도로 조정할 수 있습니다:

Folder

Folder는 일반 브라우저의 북마크/즐겨찾기 바와 유사합니다. 차이점은 클릭하면 페이지가 직접 열린다는 점입니다. 일반 브라우저처럼 북마크 선택 화면이 사라지고 새 탭에서 열리는 것이 아닙니다.

오른쪽의 닫기 버튼을 클릭하면 Folder에서 열린 페이지가 닫힙니다. 이때 닫기 버튼은 "—"로 바뀌며, 다시 클릭하면 페이지를 Folder에서 제거할 수 있습니다.

Folder와 일반 브라우저 북마크의 가장 큰 차이점은 숨길 수 없다는 것입니다. 따라서 이곳에는 Space와 관련된 상주 페이지(예: 업무 Space에서는 업무 보고서, 코드 리뷰 페이지 등)를 두어 언제든지 접근할 수 있도록 합니다. 숨길 수 없다는 점은 단점일 수도 있지만, 저장한 웹 페이지를 최소화하고 내용을 머릿속에 담도록 유도하기 위한 의도일 수 있습니다. 따라서 Folder는 전통적인 브라우저의 "북마크"와 "나중에 읽기"의 중간 형태라고 볼 수 있습니다.

또한, Folder에 마우스를 올리면 미리보기가 표시됩니다:

일일 페이지

이것은 일반 브라우저의 탭 페이지와 같지만, 정기적으로 정리됩니다(공식 명칭 “자동 아카이브”).

Auto Archive: Clean as you go | Arc Resources Your Unpinned Tabs will Auto Archive at the cadence of your choice. https://resources.arc.net/en/articles/6701333-auto-archive-clean-as-you-go

따라서 여기에는 매일 출근 후 열고 퇴근 시 닫을 페이지를 둡니다. 계속 열어둬야 하는 페이지가 있다면 Folder로 옮기면 됩니다.

얼마나 자주 정리(아카이브)할지 설정할 수 있습니다.

Split View

이는 상당히 유용한 시나리오입니다. 때로는 서로 다른 페이지를 동시에 확인해야 하는데, 일반적인 브라우저라면 두 개의 창을 열고 위치를 조정하여 나란히 배치해야 합니다. 반면 Arc에서는 창을 분할(Split)한 후 어떤 페이지를 열지 선택하여 두 페이지를 동시에 표시할 수 있습니다:

최대 4개까지 Split View로 나눌 수 있습니다:

세로 분할뿐만 아니라 가로 분할도 가능합니다(음, 이건 합리적이네요):

Boost Site

이 기능은 유사한 유저 스크립트 플러그인과 비슷합니다. 간단한 설정으로 특정 웹사이트의 스타일을 변경할 수 있습니다. 예를 들어 전체 대문자로 표시하거나, 사이트 전체의 폰트나 색상을 수정할 수 있습니다. CSS나 JavaScript를 조금이라도 다룰 줄 안다면 코드를 작성하여 원하는 웹사이트의 스타일과 동작을 커스터마이징할 수 있습니다. 다만 해킹적인 성격이 강해 여기서는 자세히 설명하지 않겠습니다.

확장 프로그램

Arc는 Chrome과 동일한 기반인 Chromium 프로젝트를 사용하기 때문에:

Home https://www.chromium.org/chromium-projects/ https://www.chromium.org/chromium-projects/

본질적으로 Chrome처럼 사용할 수 있습니다. Chrome에서 지원하는 모든 확장 프로그램을 사용할 수 있으며, Chrome의 디버깅 콘솔 등도 모두 활용 가능합니다. 더욱 좋은 점은 Chrome(또는 Edge, 모두 Chromium 기반)의 모든 내용을 Arc 브라우저로 한 번에 마이그레이션할 수 있다는 것입니다. 여기서 모든 내용에는 페이지 세션, 저장된 비밀번호, 쿠키 등이 포함됩니다. 즉, Chrome에서 Arc로 전환할 때 계정, 비밀번호, 기록 등을 다시 입력할 필요 없이 완벽하게 이어서 사용할 수 있습니다.

기타 기능

• 단축키: Arc는 단축키 지원을 최우선으로 합니다. 여기서 문제가 발생할 수 있습니다. Notion과 같은 일부 웹사이트는 자체 단축키를 가지고 있는데, 이 단축키가 Arc의 단축키와 충돌할 경우 어떻게 해야 할까요? 답은 우선순위 설정입니다. 단축키를 누른 후 웹사이트의 단축키를 우선적으로 적용할지, 아니면 Arc의 단축키를 우선할지 선택할 수 있습니다. 다시 한 번 누르면 다른 쪽이 반응합니다. 또는 둘 중 하나만 반응하도록 설정할 수도 있어 매우 실용적입니다.

  

• 검색 바: Alfred나 VS Code를 사용해본 사용자라면 단축키를 눌러 검색 바를 열고 원하는 내용을 입력하는 방식에 익숙할 것입니다. Arc도 이 기능을 구현했습니다(CMD + T). 전역 검색 바에는 초기 상태에서의 콘텐츠 표시 등 다양한 디테일이 있습니다. 관심 있는 사용자는 직접 체험해 보세요.

  

  이 기능의 검색 API를 개방하여 Alfred와 통합할 수 있기를 기대합니다.

• 폴더 통합: 웹에서 파일을 다운로드한 후 브라우저 왼쪽 하단에서 관련 파일을 확인할 수 있습니다:

  

  여기를 클릭하면 미디어, 다운로드 등 Arc가 분류한 다른 폴더도 볼 수 있습니다. 또한 모든 Space를 한눈에 볼 수 있는 기능 등이 있으니 직접 탐색해 보세요.

• 노트 & 드로잉: 기능은 있지만 필수적이진 않습니다. 브라우저에서 마우스로 그림을 그리는 사람이 있을까요? 그래도 없는 것보다는 낫습니다. 다만 사용자 데이터를 보면 이 기능을 사용하는 사람이 적은 것으로 보이며, 출시 이후 거의 업데이트되지 않았습니다.

  

  노트 기능은 네이티브 기술로 구현된 것으로 보입니다. 소스 코드를 볼 수 없도록 되어 있습니다(CMD + ALT + I로 콘솔을 열 수 없음):

  

디테일

• 미니 플레이어. Apple Music, Spotify 등의 웹 버전(네이버 뮤직 등은 시도하지 않음)은 재생 시 하단에 작은 편집 버튼을 표시하여 전역적으로 쉽게 제어할 수 있도록 합니다:

  

• 로컬 개발 지원. 일반 웹사이트를 열면 페이지에 아무 내용도 표시되지 않습니다(위의 Arc 페이지 스크린샷 참조). 하지만 [localhost]([object Object]) 주소를 열면 "개발 모드"로 진입합니다. 현재 활성화된 확장 프로그램과 콘솔 빠른 열기 등 웹 개발자에게 유용한 기능을 상단에 배치하여 편리하게 접근할 수 있습니다.

  

단점

금에도 옥에도 티가 있고, 사람도 완벽할 수 없습니다. 마르크스의 유물론적 변증법이 우주에서 유일한 진리인 이유는 그것이 변하지 않는 것이 아니라 시대에 따라 변화하며, 각 시대마다 다른 해석이 가능하기 때문입니다. 따라서 우리는 마르크스주의 유물론적 변증법의 사상으로 Arc 브라우저의 디자인 철학을 변증법적으로 바라볼 필요가 있습니다.

• iPad 전용 버전이 없습니다. 이 점은 이해하기 어렵습니다. iPad 버전이 있었다면 브라우저 내장 드로잉과 노트 기능의 사용 빈도가 크게 증가했을 것입니다.

• iPhone 버전에서 웹 페이지를 연 후, 다른 웹 페이지를 새로 열고 싶을 때 선택지는 두 가지뿐입니다: 현재 페이지를 아래로 스와이프하여 닫거나(이렇게 하면 Archived에서 스와이프로 닫힌 웹 페이지를 찾느라 고생해야 함), 아니면 오른쪽 하단의 핀 버튼을 눌러 페이지를 Folder에 넣는 것입니다. 사실 둘 다 받아들이기 어려운 점이 있습니다. 스와이프는 직접 x를 클릭하는 동작이 아니며, 그냥 탭 목록에 열어두면 안 될까요?

• iPhone에는 시크릿 모드가 없습니다. 시크릿 모드는 매우 유용한 기능이며, 필요성을 아는 사람들은 다들 이해할 것입니다.

마치며

Arc는 브라우저 세계의 이단아라고 할 수 있지만, 많은 디자인이 매우 직관적입니다. 수많은 브라우저 사이에서 독보적인 길을 개척한 것만으로도 시장이 해결책을 기대하고 있음을 알 수 있습니다. 관심 있는 분들은 한번 사용해 보시길 추천합니다!

• 이전 글
  TeslaMate 사용 가이드
• 다음 글
  2023 베이징에서 차 구매 과정 기록