크롬과 파이어폭스 같은 브라우저는 모바일과 데스크톱에서 가장 많이 사용되는 애플리케이션 중 하나입니다. 브라우저를 사용하다 보면 새 탭 페이지에 자주 접하게 되는데, 이는 브라우저에서 가장 자주 열람되는 페이지 중 하나입니다.
이 페이지에 날씨나 스코어보드 등 원하는 콘텐츠를 직접 넣어 꾸밀 수 있다면 얼마나 좋을까요?
바로 이런 목적으로 구글은 코딩 없이 새 탭 전용 확장 프로그램을 제작할 수 있는 '탭 메이커(Tab Maker)'라는 도구를 선보였습니다. 지금부터 탭 메이커가 무엇인지, 그리고 어떻게 활용하는지 하나씩 살펴보겠습니다.
구글 탭 메이커란?
탭 메이커는 구글이 제공하는 도구로, 크롬의 새 탭 페이지를 커스터마이징하고 강화할 수 있는 확장 프로그램을 제작할 수 있게 해줍니다. 새 탭을 열 때마다 새로운 정보를 발견하는 경험을 손쉽게 만들 수 있습니다.
전통적으로 이런 종류의 확장 프로그램은 전문 개발자가 코딩해서 만들었습니다. 하지만 탭 메이커를 사용하면 기술 지식이나 코딩 능력이 전혀 없어도 누구나 새 탭 확장 프로그램을 쉽게 만들 수 있습니다.
이 도구는 비개발자를 염두에 두고 설계되었습니다. 제작 과정 내내 단계별 안내를 제공하며, 코드 작성 없이 시각적인 방식으로 디자인할 수 있다는 점이 가장 큰 장점입니다.
구글 탭 메이커의 주요 기능
탭 메이커는 사용법이 간단하고 직관적입니다. 텍스트, 링크, 이미지, GIF 등 다양한 콘텐츠 유형을 지원합니다. 즐겨 찾는 뉴스 피드 링크를 추가하면 새 탭을 열 때마다 해당 피드의 최신 콘텐츠가 자동으로 표시됩니다.
제작 과정을 더욱 수월하게 만들기 위해 다양한 템플릿도 함께 제공합니다. 또한 구글 스프레드시트와 연동되어 확장 프로그램에 표시될 콘텐츠를 관리할 수 있으며, 스프레드시트 파일을 통해 확장 프로그램을 지속적으로 업데이트할 수 있습니다.
탭 메이커로 첫 번째 확장 프로그램을 만드는 데는 간단한 5단계만 거치면 됩니다. 완성된 확장 프로그램은 압축 파일 형태로 내보내 친구들과 공유하거나, 크롬 웹 스토어에 업로드할 수도 있습니다.
탭 메이커로 새 탭 확장 프로그램 만드는 방법
탭 메이커로 나만의 새 탭 확장 프로그램을 만드는 과정은 다음과 같습니다.
1. 새 탭 확장 프로그램용 템플릿 선택
첫 번째 단계는 필요에 맞는 적절한 템플릿을 고르는 것입니다. 다양한 템플릿이 준비되어 있으며, 일부는 여러 스코어보드 추가나 여러 도시의 날씨 표시처럼 복합 기능에 최적화된 것도 있습니다.
2. 확장 프로그램에 원하는 콘텐츠 추가
원하는 템플릿을 선택했다면, Add Your Content(콘텐츠 추가) 버튼을 클릭해 구글 스프레드시트 파일에 이미지, 링크 또는 텍스트를 입력합니다. 샘플 콘텐츠를 참고하면 진행 방식을 파악하는 데 도움이 됩니다.
구글 스프레드시트를 열면 가장 먼저 시트를 사본으로 복사합니다. 그다음 복사한 시트에 이미지, GIF, 링크, 텍스트, 숫자 등을 자유롭게 채워 넣습니다. 원하는 만큼 콘텐츠 행을 추가할 수 있습니다.
시트는 구글 계정에 자동 저장되므로 언제든 돌아와서 중단했던 부분부터 이어서 작업할 수 있습니다. 단, 가이드라인에서는 이미지·GIF와 텍스트를 같은 열에 섞지 말 것을 권장합니다.
사진이나 GIF를 추가하려면 이미지 링크를 복사해 해당 열에 붙여넣으면 됩니다. 뉴스 피드나 날씨 정보 출처의 하이퍼링크도 동일한 방식으로 추가합니다.
마지막으로 파일 > 웹에 게시로 이동해 스프레드시트를 게시합니다. 이때 드롭다운 옵션에서 반드시 쉼표로 구분된 값(.csv)을 선택해야 합니다.
그리고 '전체 문서' 드롭다운 옵션에서 Add Content to This Sheet(이 시트에 콘텐츠 추가)를 선택한 뒤 게시를 클릭합니다. 그러면 링크가 생성되며, 이 링크를 탭 메이커 페이지에 붙여넣으면 됩니다.
3. 새 탭 확장 프로그램 본문 조정
다음으로 새 탭 페이지의 본문을 조정합니다. 배경색, 이미지 속성, 페이지 패딩 등을 자유롭게 편집할 수 있습니다.
이 단계는 새 탭 페이지의 전체적인 외관을 결정하기 때문에 매우 중요합니다. 충분한 시간을 들여 세부 설정을 다듬은 후 Next(다음)를 클릭하세요.
4. 확장 프로그램의 블록 요소 편집
다음 단계는 편집하고 싶은 블록 요소를 클릭해 각각 수정하는 것입니다. 글꼴, 글자 크기, 높이, 스타일 등 다양한 요소를 조정할 수 있습니다.
이전 단계와 마찬가지로 블록 요소 편집 역시 새 탭 페이지의 외관과 가독성에 영향을 미칩니다. 확신이 서지 않는다면 시행착오를 거치며 조정해도 좋습니다.
5. 확장 프로그램 최종 파일 생성
마지막 단계에서는 확장 프로그램의 이름을 정합니다. 주요 용도를 설명하는 설명 문구를 추가하고, 고유한 아이콘도 지정할 수 있습니다.
크롬 웹 스토어에 게시할 경우 이 이름, 아이콘, 설명이 그대로 적용됩니다. 완료 후에는 처음부터 다시 시작하거나, 확장 프로그램을 ZIP 파일로 다운로드할 수 있습니다.
직접 만든 새 탭 확장 프로그램 사용 방법
확장 프로그램을 ZIP 파일로 다운로드했다면, 크롬 설정의 '확장 프로그램' 메뉴로 이동해 개발자 모드를 켜면 됩니다.
확장 프로그램 페이지 우측 상단에서 개발자 모드를 활성화합니다. 검색창에 chrome://extensions를 입력하면 해당 페이지로 바로 이동할 수 있습니다. 이후 압축해제된 확장 프로그램을 로드합니다를 클릭하고, 압축을 푼 확장 프로그램 폴더를 선택하면 직접 만든 첫 번째 확장 프로그램을 바로 사용할 수 있습니다.
이 도구로 나만의 새 탭 확장 프로그램 만들기
탭 메이커는 구글의 독특한 시도입니다. 크롬 웹 스토어에 있는 기존 새 탭 확장 프로그램에 국한될 필요 없이, 이제는 직접 만들 수 있습니다. 앞서 살펴본 것처럼 별도의 기술 지식도 필요하지 않습니다.
코딩 실력이 있다면 기술적인 조정을 통해 경험을 한층 더 발전시킬 수 있습니다. 작업 중 막히는 부분이 생기면 구글 탭 메이커 웹사이트의 FAQ에서 디자인과 구현 관련 답변을 찾아볼 수 있습니다.