Projects

됨됨이

부고를 늦게 알았을 때, 사과할 시기를 놓쳤을 때. 상대와 상황에 맞는 말과 행동을 찾아보는 앱인토스 앱.

React / TypeScript / Vite / Supabase / Apps in Toss앱인토스 출시 · Private

eundo/doemdoemi · 소스 확인

목차

처음 겪는 일을 앞두면 무엇을 검색해야 할지부터 막힐 때가 있습니다. 부고를 뒤늦게 알았거나, 사과할 시기를 놓쳤거나, 낯선 자리에서 어떻게 말해야 할지 모르겠을 때 가까운 사례를 찾아볼 수 있게 만든 앱입니다. 현재 앱인토스에 출시해 운영하고 있습니다.

개인 프로젝트로 기획과 개선 방향을 정하고, Codex와 함께 구현·검증을 진행했습니다. 출시 이후에는 사용 흐름 분석과 안내 탐색 개선, 운영 문구 조정까지 이어갔습니다.

앱의 범위를 다시 정한 순간

‘예절 안내’ 한 문장만으로는 실제로 무엇을 말해야 할지 알기 어려웠습니다. 같은 부고라도 누구에게 어떻게 들었는지, 방문할 수 있는지에 따라 필요한 답이 달랐습니다.

법규 검색이나 특정 집단만을 위한 앱으로 방향이 바뀌는 것을 바로잡고, 처음 겪는 사회적 상황에서 필요한 말과 행동에 집중했습니다. 관계·연락 시점·방문 여부에 따라 사례를 나누고, 검색 결과를 사용자가 먼저 고르도록 요청했습니다.

기획과 실기기 피드백을 맡고 Codex와 탐색·요청 흐름을 구현했습니다. 홈에서 항목을 누르는 동작은 키보드를 띄우는 검색과 분리했고, 검색 결과가 있어도 원하는 답이 없으면 추가 상황을 요청할 수 있도록 했습니다.

앱인토스에 출시했습니다. 출시 후에는 유입 자체와 안내 조회·복사·저장 같은 실제 이용 행동을 구분하고, 최근 본 상황과 관련 안내로 이어보기를 보완했습니다.

안내를 많이 넣는 것보다, 사용자가 처한 관계와 시점을 구분하고 필요한 사례까지 도달하게 하는 것이 먼저였습니다.

같은 주제 안에서도 관계와 상황을 나누기

‘부고에 답하는 법’이라는 하나의 안내만으로는 동료의 소식을 들었을 때와 뒤늦게 알았을 때의 차이를 설명하기 어렵습니다. 주제 아래 세부 상황을 두고, 경우를 고르면 연락 방법·시점·행동 순서·실제 예문이 함께 바뀌도록 구성했습니다.

예문은 문자·전화·대면 상황에 맞춰 보여줍니다. 일반적인 관습인지, 상황에 따라 달라지는지 표시하고 이유·예외·확인 범위도 따로 열어볼 수 있게 했습니다.

문장으로 찾고, 가까운 사례로 바로 들어가기

사용자가 떠올리는 표현과 콘텐츠의 제목이 일치하지 않을 수 있습니다. 검색에서는 조사와 표현 차이를 정리하고 제목·키워드·세부 상황을 함께 비교합니다. ‘사과’와 ‘감사’처럼 같은 분류에 있어도 의도가 다른 말이 무작정 섞이지 않도록 검색 조건을 구분했습니다.

결과에는 주제뿐 아니라 가까운 세부 상황도 표시합니다. 예를 들어 ‘부고를 늦게 알았을 때’를 검색한 뒤 ‘뒤늦게 소식을 알았어요’를 누르면 해당 경우가 선택된 안내로 바로 이동합니다. 뒤로 돌아가면 검색 맥락을 유지하고, 공유 링크에는 선택한 세부 상황을 담도록 했습니다.

출시 후에는 첫 안내를 읽는 흐름부터 살펴보기

출시 후 유입과 이용 기록을 살펴보면서, 앱을 연 사용자가 실제 안내를 읽고 다시 찾는 흐름을 개선 과제로 잡았습니다. 안내 조회, 세부 상황 선택, 복사·저장·공유 같은 행동을 구분해 측정하고 운영 콘솔의 핵심 지표도 이에 맞춰 정리했습니다.

최신 소스에는 최근 본 안내와 선택한 세부 상황을 함께 기억하는 기능이 들어 있습니다. 다시 방문하면 보던 경우부터 이어볼 수 있고, 상세 아래에서는 관련 안내 세 개를 찾아볼 수 있습니다. 처음부터 전체 목록을 다시 훑는 단계를 줄이는 방향입니다.

분석 이벤트에는 안내 식별자와 행동 종류 등 정해진 항목만 담습니다. 검색어 원문, 상황 요청 내용, 익명 식별키는 분석 로그에 넣지 않도록 구성했습니다.

안내를 읽는 흐름과 요청을 보내는 흐름

안내는 Supabase의 공개된 콘텐츠를 읽고, 연결에 실패하거나 읽을 데이터가 없으면 앱에 포함된 기본 안내를 보여줍니다. 저장한 안내와 최근 본 상황은 기기 안에 보관합니다.

찾는 사례가 없을 때는 관계와 필요한 도움을 골라 상황을 요청할 수 있습니다. 요청·의견 전송은 서버 함수에서 검증하고, 접수 여부와 알림 전송 상태를 구분해 처리합니다. 접수 알림은 사용자의 별도 선택을 받는 흐름으로 구현했습니다.

현재 상태와 확인 범위

항목상태
서비스앱인토스 출시·운영 중
작업 범위기획, 화면·탐색 흐름, Codex 협업 구현·검증, 출시 후 개선과 운영
주요 흐름상황 검색 → 세부 경우 선택 → 행동·예문 확인 → 저장·이어보기
기술React·TypeScript·Vite, Supabase, Apps in Toss
소스 기준codex/doemdoemi · 6cc0f39

2026.09.30은 현재 구현을 GitHub에 처음 등록한 날짜이며 앱 출시일과는 다릅니다. 갤러리와 구현 설명은 이 소스를 기준으로 합니다. 출시 이후 개선 버전의 심사 요청 기록까지 확인했으며, 최신 Git 구현 전체가 현재 운영 번들과 동일한지는 별도 확인이 필요합니다.

최신 소스의 타입 검사, 콘텐츠 검사 12개와 웹 빌드가 통과했습니다. 로컬 브라우저에서는 상황 검색, 특정 사례로 진입, 저장, 최근 본 사례 복귀와 관련 안내 표시를 확인했습니다.

운영 과정에서 얻은 기준은 ‘앱을 열었다’와 ‘필요한 답을 찾아 행동했다’를 따로 살펴보는 것입니다. 최근 본 상황과 관련 안내는 그 기준에 맞춘 개선이며, 재방문율 상승 등 수치 성과는 후속 데이터로 검증할 과제로 남아 있습니다.