["업다운 ESG" 개발 일기] (251124) 앱인토스 샌드박스 연결 + 토스 로그인 실마리 찾음

■ 소개

목표: 419 (4업으로 1달러 벌기 시작해서 9달러까지 벌어보기)

https://crisp-curry-60549088.figma.site/

.

기쁜 날입니다.

어제 실패했던 토스 로그인 실마리를 찾았습니다.

md파일을 어떻게 활용하는지 깨닫게된 덕이 큽니다.

.

초심으로 돌아가서 개발자센터의 '서비스 오픈 프로세스' 순서에 따라서 진행해본 덕에

앱인토스 샌드박스까지도 연결하는데 성공했습니다!

.

■ 진행 및 결과

1) 앱인토스 샌드박스 연결

어제 토스 로그 실패한 여파로 초심으로 돌아가기로 했습니다.

https://developers-apps-in-toss.toss.im/intro/onboarding-process.html

.

다시 보니 아주 친절하게 단계별로 설명을 해주고 있었습니다.

꼼꼼하게 안읽은 제 잘못입니다 ㅎㅎ

마크다운 문서는 아래와 같습니다.

---
url: 'https://developers-apps-in-toss.toss.im/intro/onboarding-process.md'
description: '앱인토스 미니앱 서비스 오픈 프로세스를 단계별로 안내합니다. 콘솔 등록부터 디자인, 개발, 검수, 출시까지 전 과정을 확인하세요.'
---

# 서비스 오픈 프로세스

앱인토스는 **누구나 빠르고 간편하게 미니앱을 출시할 수 있도록 설계된 플랫폼**이에요.\
처음 시작하는 분들도 순서대로만 따라오면 **토스 플랫폼에서 안정적이고 일관된 서비스 운영**이 가능해요.

## 1. 시작하기

## 2. 디자인하기

### 디자인 툴 사용하기

앱인토스는 **앱빌더**와 **피그마(Figma)** 두 가지 디자인 툴을 제공해요.\
토스 UI 스타일을 그대로 활용해 **빠르고 일관된 디자인**을 완성할 수 있어요.

#### **앱빌더란?**

* 파트너사를 위해 제공하는 전용 UI 디자인 툴이에요.
* 별도 설치 없이 웹에서 바로 사용할 수 있어요.
* TDS 라이브러리와 주요 컴포넌트가 포함되어 있어 빠르게 완성할 수 있어요.

## 3. 개발하기

앱인토스는 SDK와 API를 제공해 **복잡한 과정을 최소화하고 빠르게 개발**할 수 있어요.

## 4. 검수하기

### 앱인토스 검수 절차

앱인토스는 **4단계 검수 절차**를 거쳐요. 평균 소요 시간은 **2~3일**이에요.

**1. 운영 검수** : 앱 정보, 노출 정보, 서류 확인\
**2. 기능 검수** : 앱이 토스앱 안에서 오류 없이 정상 작동하는지 확인\
**3. 디자인 검수** : 토스 UI 가이드 준수 여부 검토\
**4. 보안 검수** : 개인정보·보안 관련 문제 없는지 확인

::: tip 게임 미니앱은 반드시 심의를 완료해야 런칭할 수 있어요.
[게임물관리위원회](https://www.gcrb.or.kr/) 또는 앱스토어/플레이스토어 심사를 먼저 진행해주세요.
:::

## 5. 미니앱 출시

검수가 완료되면 결과가 이메일로 안내돼요.\
승인 후에는 콘솔에서 ‘출시하기’ 버튼을 눌러 바로 미니앱을 오픈할 수 있어요. 🚀

.

제가 판단하기로 저는 2. 디자인까지는 마친 상황이었고,

3.개발하기로 들어가면 되는 단계였습니다.

.

그래서 개발하기의 첫단계인 시작하기를 눌러봅니다.

.

정말 친절하게 동영상으로까지 설명해주시고 있습니다.

앱인토스 샌드박스를 실행하는 것을 도와주고 있습니다.

커서를 켜서 그대로 따라해봅니다.

잘 모르는 내용이 나오면 커서에게

잘 모르겠어. 자세히 설명해줘. 단계별로 따라할게

라고 해서 하나씩 해결합니다.

.

예를 들어,

granite.config.ts 파일이 생성되어야 하는데, vite.config.ts가 생성되곤 했습니다.

.

이걸 해결하는 기점이, 로컬 폴더에 md파일을 통째로 넣고,

커서의 AI에이전트에 MD파일을 참고해서 해결해달라고 하니

잘 해결되었습니다 ㅎㅎ

.

그래서 앞으로도 필요한 MD 문서를 폴더에 넣어서 커서에 직접 참조시키려고 합니다.

.

<이 화면이 뜰때의 기쁨이란! ㅎㅎ>

.

이어서 테스트하기를 따라했고,

이제 짠~ 제 핸드폰과 PC의 와이파이가 일치하면

요렇게 핸드폰에서 직접 테스트가 가능해졌습니다.

2) 토스 로그인 실마리 찾음

이어서 API사용하기로 진행합니다.

여기에서 토스 로그인 다는 법을 설명하고 있습니다.

마찬가지로 MD파일을 커서에게 제공하고 해달라고 합니다.

.

잘 진행되는 듯 보였습니다.

그런데 4단계인 CLIENT ID입력에서 막혔습니다!

그리고 어제 실패했던 이유도 알게 되었습니다.

.

바로 사업자등록 후 대표관리자로 등록을 해야 CLIENT ID를 발급받을 수 있다는 점이었습니다.

.

앱인토스에서는 11월 말부터 사업자등록 없이도 앱 등록이 가능하다고 밝혔는데,

아직 적용되지 않은 것 같습니다.

우선 커뮤니티에 아래처럼 질문을 남겨뒀습니다.

너무 늦을 것 같으면 ㅎㅎ

이번 기회에 그냥 사업자 등록해버리려고 합니다.

.

빠워 추진력으로 다 해결해버리겠습니다 ㅎ

(라고 쓰고 커서 쥐어짜기라고 쓰기)

.

■ 느낀점 및 향후 계획

어제 막힌 토스 로그인의 실마리를 찾아서 기쁩니다!

하루하루 새로운 거를 배우는 요즘이 너무 즐겁네요.

스터디 마칠 때까지 앱 등록은 안되겠지만,

내가 원하는 서비스를 앱인토스에 등록하는 방법을 터득해두면

나중에라도 뭐든 앱인토스에서 출시할 수 있을테니

분명히 방향은 바르게 가고 있는 것 같습니다.

.

1달러 벌어보기의 여정은 계속됩니다.

2
2개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요