---
url: 'https://developers-apps-in-toss.toss.im/tutorials/examples.md'
description: >-
  앱인토스 미니앱 개발을 위한 실전 예제 코드 모음입니다. Vue, React, jQuery 등 다양한 프레임워크로 구현된 완성형 미니앱
  예제부터 카메라, 위치 정보, 광고, 인앱 결제, 로그인, 공유 등 주요 네이티브 기능을 활용하는 방법까지 포함합니다.
---

# 예제 코드 모음

## 튜토리얼 예제

* [weekly-todo-vue](https://developers-apps-in-toss.toss.im/examples/weekly-todo-vue.txt) - Vue 3 Composition API를 활용한 주간 할일 관리 미니앱입니다. 로컬 스토리지를 이용한 데이터 저장, 요일별 할일 관리 기능을 포함합니다.
* [weekly-todo-react](https://developers-apps-in-toss.toss.im/examples/weekly-todo-react.txt) - React Hooks를 활용한 주간 할일 관리 미니앱입니다. useState, useEffect를 이용한 상태 관리와 로컬 스토리지 연동을 보여줍니다.
* [weekly-todo-jquery](https://developers-apps-in-toss.toss.im/examples/weekly-todo-jquery.txt) - jQuery를 활용한 주간 할일 관리 미니앱입니다. 간단한 DOM 조작과 이벤트 핸들링으로 구현한 예제입니다.
* [random-balls](https://developers-apps-in-toss.toss.im/examples/random-balls.txt) - Canvas API를 활용한 랜덤 볼 애니메이션 예제입니다. requestAnimationFrame을 이용한 부드러운 애니메이션 구현 방법을 보여줍니다.

## 기능별 예제

### 인증 및 로그인

* [with-app-login](https://developers-apps-in-toss.toss.im/examples/with-app-login.txt) - 토스 앱 로그인 기능을 구현한 예제입니다. 사용자 인증, 토큰 관리, 로그인 상태 유지 방법을 다룹니다.

### 광고

* [with-rewarded-ad](https://developers-apps-in-toss.toss.im/examples/with-rewarded-ad.txt) - 리워드 광고 노출 및 보상 지급 로직을 구현한 예제입니다. 사용자가 광고를 시청한 후 게임 내 코인이나 아이템을 지급하는 방법을 보여줍니다.
* [with-interstitial-ad](https://developers-apps-in-toss.toss.im/examples/with-interstitial-ad.txt) - 전면 광고(인터스티셜 광고) 노출 기능을 구현한 예제입니다. 적절한 타이밍에 전면 광고를 표시하는 방법을 다룹니다.

### 결제

* [with-in-app-purchase](https://developers-apps-in-toss.toss.im/examples/with-in-app-purchase.txt) - 인앱 구매 기능을 구현한 예제입니다. 상품 조회, 구매 요청, 구매 검증 프로세스를 포함합니다.

### 게임

* [with-game](https://developers-apps-in-toss.toss.im/examples/with-game.txt) - 게임 센터 연동 기능을 통합한 예제입니다. 점수 기록, 리더보드, 업적 시스템 등 게임 관련 기능을 포괄적으로 다룹니다.

### 위치

* [with-location-tracking](https://developers-apps-in-toss.toss.im/examples/with-location-tracking.txt) - 실시간 위치 추적 기능을 구현한 예제입니다. 사용자의 이동 경로를 추적하고 지도에 표시하는 방법을 보여줍니다.
* [with-location-once](https://developers-apps-in-toss.toss.im/examples/with-location-once.txt) - 현재 위치를 일회성으로 조회하는 예제입니다. 주변 상점 찾기, 배달 주소 설정 등에 활용할 수 있습니다.
* [with-location-callback](https://developers-apps-in-toss.toss.im/examples/with-location-callback.txt) - 위치 정보 변경 시 콜백을 받아 처리하는 예제입니다. 위치 기반 알림이나 실시간 배송 추적에 활용할 수 있습니다.

### 미디어

* [with-camera](https://developers-apps-in-toss.toss.im/examples/with-camera.txt) - 카메라로 사진 촬영 및 업로드 기능을 구현한 예제입니다. 프로필 사진 변경, 상품 등록 등에 활용할 수 있습니다.
* [with-album-photos](https://developers-apps-in-toss.toss.im/examples/with-album-photos.txt) - 앨범에서 여러 장의 사진을 선택하는 기능을 구현한 예제입니다. 다중 이미지 업로드, 갤러리 기능 구현 시 참고할 수 있습니다.

### 연락처

* [with-contacts](https://developers-apps-in-toss.toss.im/examples/with-contacts.txt) - 디바이스 연락처 정보에 접근하고 조회하는 예제입니다. 친구 초대, 연락처 동기화 기능에 활용할 수 있습니다.
* [with-contacts-viral](https://developers-apps-in-toss.toss.im/examples/with-contacts-viral.txt) - 연락처 기반 바이럴 마케팅 기능을 구현한 예제입니다. 친구 추천, 초대 보상 시스템 등을 포함합니다.

### 공유

* [with-share-text](https://developers-apps-in-toss.toss.im/examples/with-share-text.txt) - 텍스트 콘텐츠를 다른 앱으로 공유하는 기능을 구현한 예제입니다. 메시지, SNS 공유 등에 활용할 수 있습니다.
* [with-share-link](https://developers-apps-in-toss.toss.im/examples/with-share-link.txt) - 링크 URL을 공유하는 기능을 구현한 예제입니다. 앱 초대 링크, 상품 공유, 컨텐츠 바이럴에 활용할 수 있습니다.

### 시스템 정보

* [with-platform-os](https://developers-apps-in-toss.toss.im/examples/with-platform-os.txt) - 사용자의 OS 플랫폼 정보(iOS/Android)를 확인하는 예제입니다. 플랫폼별 UI/UX 분기 처리에 활용할 수 있습니다.
* [with-operational-environment](https://developers-apps-in-toss.toss.im/examples/with-operational-environment.txt) - 미니앱의 운영 환경(개발/스테이징/프로덕션)을 확인하는 예제입니다. 환경별 API 엔드포인트 설정에 활용할 수 있습니다.
* [with-network-status](https://developers-apps-in-toss.toss.im/examples/with-network-status.txt) - 네트워크 연결 상태를 확인하고 변경을 감지하는 예제입니다. 오프라인 모드 처리, 네트워크 에러 핸들링에 활용할 수 있습니다.
* [with-locale](https://developers-apps-in-toss.toss.im/examples/with-locale.txt) - 사용자의 언어 및 지역 설정을 확인하는 예제입니다. 다국어 지원, 지역별 컨텐츠 제공에 활용할 수 있습니다.

### 데이터 저장 및 클립보드

* [with-storage](https://developers-apps-in-toss.toss.im/examples/with-storage.txt) - 로컬 스토리지를 활용한 데이터 저장 및 조회 예제입니다. 사용자 설정, 게임 진행 상황, 임시 데이터 저장에 활용할 수 있습니다.
* [with-clipboard-text](https://developers-apps-in-toss.toss.im/examples/with-clipboard-text.txt) - 클립보드에 텍스트를 복사하고 붙여넣는 기능을 구현한 예제입니다. 쿠폰 코드 복사, 공유 링크 복사 등에 활용할 수 있습니다.

### UI 피드백

* [with-haptic-feedback](https://developers-apps-in-toss.toss.im/examples/with-haptic-feedback.txt) - 햅틱(진동) 피드백을 구현한 예제입니다. 버튼 클릭, 성공/실패 알림, 게임 액션 등에 촉각 피드백을 제공하여 사용자 경험을 향상시킬 수 있습니다.