사용자가 앱에서 페이지를 즐겨찾기로 저장할 수 있게 하는 방법

게시일 24. 2월 2025 작성자 Jan Bunk

하트로 표시된 저장 페이지를 모바일 앱의 즐겨찾기 모음에 정리하는 사람.

사용자가 자주 방문하는 페이지를 더 쉽게 찾을 수 있게 하고 싶으셨나요? 즐겨찾기 기능을 사용하면 사용자가 페이지를 즐겨찾기로 표시하고 목록으로 정리한 뒤 필요할 때마다 빠르게 열 수 있어요. 간단하지만 강력한 이 기능은 앱 탐색을 개선하고 사용자의 지속적인 참여를 유도해요.

즐겨찾기 기능의 작동 방식

기능을 활성화하면 앱 바에 하트 아이콘이 표시돼요. 이 아이콘을 탭하면 현재 페이지를 즐겨찾기로 저장할 수 있어요. 사용자는 다음 작업을 할 수 있어요.

  • 페이지를 즐겨찾기에 저장하기

  • 나만의 즐겨찾기 목록 만들기

  • 저장된 모든 즐겨찾기 보기

  • 다른 기기로 즐겨찾기 가져오기 및 내보내기

앱에서 즐겨찾기 기능 활성화하기

앱에서 즐겨찾기 기능을 활성화하는 것은 간단해요! app-control-panel.com 대시보드에서 기능을 켜기만 하면 사용자가 즉시 이용할 수 있어요.

즐겨찾기 분류하기(선택 사항)

즐겨찾기를 카테고리별로 정리하고 싶으신가요? 즐겨찾기 카테고리 추출기 스크립트를 정의할 수 있어요. 이 스크립트는 즐겨찾기에 추가되는 페이지에서 실행되며 카테고리 이름을 동적으로 결정해요.

예를 들어 URL의 첫 번째 부분을 기준으로 즐겨찾기를 분류하려면 다음 스크립트를 사용할 수 있어요.

window.location.pathname.split("/")[1];

스크립트를 지정하지 않으면 즐겨찾기가 분류되지 않은 상태로 유지돼요.

즐겨찾기에 이미지 추가하기(선택 사항)

즐겨찾기를 시각적으로 더 돋보이게 하려면 이미지를 첨부할 수 있어요. 즐겨찾기 이미지 추출기 스크립트를 지정하면 돼요. 이 스크립트는 즐겨찾기에 추가되는 페이지에서 실행되며 이미지 URL을 반환해야 해요.

예를 들어 소셜 미디어의 링크 미리보기에도 사용되는 og:image를 사용하려면 다음 스크립트를 사용할 수 있어요.

document.querySelector('meta[property="og:image"]').content;

스크립트를 지정하지 않으면 즐겨찾기가 이미지 없이 저장돼요.

즐겨찾기 기능 실제 사용 모습

앱에서 이 기능은 다음과 같이 표시돼요.

앱 바의 즐겨찾기 버튼

사용자는 하트 아이콘을 탭하여 페이지를 즉시 즐겨찾기에 추가할 수 있어요.

앱의 앱 바에 표시된 즐겨찾기 버튼의 스크린샷이에요.

즐겨찾기에 추가 대화상자

사용자는 기존 목록을 선택하거나 새 목록을 만들어 즐겨찾기를 저장할 수 있어요.

즐겨찾기 목록 선택 대화상자의 스크린샷이에요.

드로어 메뉴의 즐겨찾기

앱 메뉴의 버튼을 통해 사용자가 저장한 즐겨찾기에 빠르게 접근할 수 있어요.

드로어 메뉴의 "즐겨찾기" 메뉴 항목을 보여주는 스크린샷이에요.

즐겨찾기 목록 개요 페이지

사용자는 모든 즐겨찾기 목록을 한눈에 볼 수 있어요.

두 개의 즐겨찾기 목록을 보여주는 스크린샷이에요.

카테고리 개요 페이지(활성화된 경우)

카테고리를 설정한 경우 사용자는 카테고리를 기준으로 즐겨찾기를 탐색할 수 있어요. 이 기능은 사용자 지정 목록이 아닌 기본 즐겨찾기 목록에서만 사용할 수 있어요.

두 개의 예시 카테고리를 보여주는 스크린샷이에요.

저장된 즐겨찾기를 보여주는 페이지

목록을 선택한 후 실제 즐겨찾기가 표시되는 방식은 다음과 같아요.

목록에 있는 모든 즐겨찾기를 보여주는 스크린샷이에요.

즐겨찾기 가져오기/내보내기

사용자는 시스템 공유 대화상자를 통해 즐겨찾기를 내보낼 수 있어요. 이렇게 하면 즐겨찾기 파일을 기기나 클라우드에 저장할 수 있고, 이메일이나 메시지 앱을 통해 파일을 바로 공유할 수도 있어요. 파일을 다른 기기로 전송한 후 파일 선택 화면에서 내보낸 파일을 선택하면 즐겨찾기를 가져올 수 있어요.

즐겨찾기를 가져오고 내보낼 수 있는 대화상자를 보여주는 스크린샷이에요.

이 기능이 획기적인 이유

즐겨찾기 기능을 사용하면 앱을 더 직관적이고 편리하게 만들 수 있어요. 사용자는 자주 방문하는 페이지를 손쉽게 즐겨찾기에 추가하고, 자신에게 가장 적합한 방식으로 정리하며, 기기 간에 즐겨찾기를 옮길 수 있어요. 즐겨찾기의 분류 및 표시 방식을 자유롭게 제어할 수 있으므로 앱의 요구 사항에 꼭 맞는 환경을 구성할 수 있어요.

즐겨찾기 기능을 사용하면 앱이 더 편리하고 체계적이며 매력적으로 바뀌어요. 지금 바로 사용해 보고 사용자들이 그 편리함을 직접 경험하게 해 보세요!

관련 도움말


게시를 위해 Google Play Console 설정을 구성하고 확인하는 모습.

Google Play Console에서 스토어 설정을 구성하는 방법

Google Play Console에서 앱 카테고리를 선택하고 앱의 연락처 이메일 주소를 입력하는 방법을 안내해 드려요.

트레이더 신분 선언이 개인 또는 사업자 정보로 나뉜 후 인증으로 마무리되는 모습.

App Store에서 트레이더 신분을 입력하는 방법

Apple은 사용자가 트레이더인지 여부를 선언하도록 요구해요. 유럽 연합에서 앱을 다운로드할 수 있도록 App Store에 트레이더 신분을 입력하는 방법을 알아보세요.

7일간의 테스트 할인 판매를 위해 앱 가격이 무료로 내려가는 모습.

Google Play Console에서 할인 판매를 생성하는 방법

앱 테스터가 앱을 무료로 다운로드할 수 있도록 Google Play Console에서 할인 판매를 생성하는 방법을 알아보세요.


작성자 Jan Bunk
작성자
Jan Bunk

컴퓨터 과학을 전공한 Jan은 2019년에 app-control-panel.com을 설립하고 웹사이트를 앱으로 변환하는 기반 소프트웨어를 개발했어요. 수백 개의 앱을 출시하며 쌓은 경험과 피드백을 바탕으로 앱 제작, 게시, 유지 관리에 관한 모든 과정을 쉽게 따라 할 수 있는 가이드로 안내하기 위해 노력하고 있어요.