미리내맨내 생각을, 작동하는 앱으로

내 생각을, 작동하는 앱으로 — 미리내맨 코딩 강의

MIRINAEMAN CODING IDEA → APP → WORLD

코드를 몰라도, 시작할 수 있습니다.

내 생각을,작동하는 앱으로.

01 / 생각

결과지를
한 항목씩
이해하고 싶어.

생활의 말이
앱의 첫 문장이 됩니다.

차근차근APP

02 / 구현

내 결과를,
한 항목씩.

01

결과지 업로드

02

뜻 먼저 읽기

차근차근 열기

03 / 배포

이제,
누군가의 경험으로.

bq2-read-with-me.vercel.app

주소 하나로
다른 사람과 연결됩니다.

무엇을 만들지는, 내가 결정합니다.

01 / 30

만든 이유 Mirinaeman Coding

완전 초보도
가능하게.

그래서 배포까지 스킬에
포함되어야 한다고 했던 거야.

미리내맨 · 이번 제작 대화

02 / 30

만든 이유 Mirinaeman Coding

파일이 생긴 순간과
쓸 수 있는 순간은 다릅니다.

코드 생성

내 컴퓨터에 파일이 있다.

실제 사용

다른 사람이 주소를 열고
자기 기록을 저장한다.

배포와 확인까지 이어져야, 사용 경험이 완성됩니다.

03 / 30

만든 이유 Mirinaeman Coding

질문이 쌓이면,
내 앱의 기준이 됩니다.

누가 쓰나요?

내 결과지를 혼자 읽기 어려운 사람

무엇이 달라져야 하나요?

숫자를 보고 불안해하기보다
뜻과 근거를 구분해 읽는다.

어디까지 만들까요?

이해와 질문 기록까지.
진단과 처방은 제외한다.

04 / 30

만든 이유 Mirinaeman Coding

코딩은
메시지의 몸이다.

내가 원하는 변화가
화면·버튼·데이터·행동이 됩니다.

05 / 30

동작 원리 Mirinaeman Coding

사람과 AI는
다른 일을 맡습니다.

사람

목적 · 사용자 · 필요한 기능
개인정보 · 비용 · 공개 여부
써 보고 수용할지 판단

AI

질문 · 선택지 · 장단점 설명
승인된 범위의 구현 · 오류 수정
검증 결과와 미확인 보고

06 / 30

동작 원리 Mirinaeman Coding

한 번에 만드는 마법보다,
한 바퀴를 끝내는 절차.

질문

실제 불편을 듣는다

결정

선택과 이유를 정한다

PRD

만들 약속을 적는다

구현

화면과 동작을 만든다

확인

써 보고 다음 판단으로

07 / 30

동작 원리 Mirinaeman Coding

플러그인 안에는
작업의 기준이 있습니다.

스킬

질문·PRD·구현·검증 순서

참조 문서

설계·계정·배포·CQI 계약

프로젝트 기록

확정 결정·현재 상태·다음 작업

외부 서비스의 권한은 별도 연결합니다.

08 / 30

사용 가이드 Mirinaeman Coding

먼저, 플러그인을
내 환경에 준비합니다.

1

제공받은 설치용 ZIP을 준비한다.

2

플러그인 추가 화면에서 ZIP을 선택한다.

3

설치한 Mirinaeman Coding을 선택한다.

플러그인 안내 열기

공개 심사 제출과 개인 설치는 서로 다른 경로입니다.

09 / 30

사용 가이드 Mirinaeman Coding

첫 요청은
생활의 말로 충분합니다.

Mirinaeman Coding을 사용해서 앱을 만들고 싶어.
내가 겪는 불편부터 한 번에 하나씩 물어봐 줘.
선택지와 결과를 설명하고 내가 결정하게 해줘.
PRD, 구현, 테스트, 실제 배포까지 이어가 줘.

10 / 30

PRD Mirinaeman Coding

‘앱 만들어줘’에서
사용 장면으로.

AI

이 앱이 없으면 지금 어떻게 하나요?

나

검사 결과지의 숫자를 검색하지만
내 결과와 어떻게 연결할지 모르겠어요.

AI

결과의 뜻을 이해하는 일이 먼저인가요?
생활 제안을 받는 일이 먼저인가요?

11 / 30

PRD Mirinaeman Coding

결과지 이해가
먼저다.

결과지 이해가 중요해.
그래야 제안도 먹힌다.

미리내맨 · 차근차근 PRD에 남은 판단

12 / 30

PRD Mirinaeman Coding

PRD는
함께 정한 약속입니다.

누구를 위해

본인의 BQ2 결과를 이해하려는 사람

완료 경험

원본과 수치를 확인하고 질문을 남긴다

필수 기능

업로드 · 확인 · 해설 · 기록 · 비교

제외 범위

진단 · 처방 · 다른 검사 형식 자동 지원

13 / 30

PRD Mirinaeman Coding

선택의 결과를
이해하고 결정합니다.

기기 안에 저장

가입 과정은 간단해질 수 있다.
다른 기기에서 이어보려면 추가 설계가 필요하다.

계정에 저장

가입·개인정보 관리가 필요하다.
로그인한 다른 기기에서 이어볼 수 있다.

차근차근의 선택: 본인 계정에 비공개 저장.

14 / 30

PRD Mirinaeman Coding

구현 전에,
무엇이 바뀔지 봅니다.

Before

샘플 결과 읽기
샘플 메모 저장

After

개인 PDF 업로드·확인
근거 있는 질문·기록·비교

변경 파일 · 영향 범위 · 확인 방법을 보고 승인합니다.

15 / 30

개발 Mirinaeman Coding

한 번의 클릭 뒤에는
책임의 연결이 있습니다.

화면

사용자가 입력하고 상태를 본다

서버

신원·요청·외부 호출을 확인한다

데이터

본인의 기록과 근거를 보존한다

버튼을 숨기는 것만으로 권한이 보호되지는 않습니다.

16 / 30

개발 Mirinaeman Coding

기다림과 실패도
앱의 일부입니다.

시작

업로드를 누른다

대기

현재 처리 중임을 보여준다

실패

입력을 유지하고 이유를 알린다

복구

다시 시도하거나 다른 경로를 택한다

17 / 30

검증 Mirinaeman Coding

‘완료했습니다’ 옆에
증거를 요청하세요.

빌드

실행 가능한 코드인가?

권한

남의 데이터를 읽을 수 없는가?

저장

저장 후 다시 열어도 남는가?

사용

사용자가 목적을 끝낼 수 있는가?

기술 확인과 사용자 수용은 구분합니다.

18 / 30

검증 Mirinaeman Coding

오류가 나면,
관찰한 차이를 말합니다.

[한 행동] 결과지를 저장한 뒤 다시 열었어.
[기대한 결과] 방금 확인한 값이 보여야 해.
[실제 결과] 확인 전 화면으로 돌아왔어.
입력·환경·코드 중 원인을 확인하고,
수정 전후와 실제 재검증 결과를 알려줘.

19 / 30

검증 Mirinaeman Coding

다음 대화에서도
이어서 만들 수 있게.

결정

무엇을 왜 선택했나

변경

어떤 파일과 기능이 바뀌었나

증거

무엇을 확인했고 무엇이 남았나

다음

다시 시작할 때 할 한 가지

프로젝트 기록은 작업의 재개 지점입니다.

20 / 30

배포 Mirinaeman Coding

만드는 사람의 계정과
쓰는 사람의 계정.

제작자

GitHub: 코드 보관
Supabase: 회원·데이터
Vercel: 웹앱 배포

앱 이용자

완성된 앱에 가입·로그인
개발자 서비스 계정은 불필요
차근차근 AI는 본인 API 키 사용

21 / 30

배포 Mirinaeman Coding

연결하기 전에
세 가지만 확인합니다.

권한

어느 저장소·프로젝트에 접근하나

비용

누구에게 어떤 사용료가 발생하나

비밀

키는 어디에 두고 누가 볼 수 있나

비밀키를 채팅이나 공개 저장소에 붙이지 않습니다.

22 / 30

배포 Mirinaeman Coding

코드에서
공개 주소까지.

저장

GitHub에 변경 보관

연결

대상 프로젝트 확인

설정

환경변수·로그인 주소

배포

빌드 상태 확인

접속

주소와 핵심 기능 확인

23 / 30

배포 Mirinaeman Coding

주소가 열린 다음에도
확인은 남습니다.

새 방문자

로그인 전 화면이 열린다

내 계정

가입·로그인·저장이 동작한다

다른 계정

내 개인 자료가 보이지 않는다

다시 방문

저장한 기록을 이어볼 수 있다

24 / 30

배포 Mirinaeman Coding

초보자의
배포 요청 문장.

연결된 계정과 기존 배포 경로부터 확인해줘.
내가 해야 할 행동은 한 번에 하나씩 설명해줘.
비용·권한·공개 범위가 바뀌면 먼저 알려줘.
배포 후 실제 주소와 핵심 동작을 확인하고,
완료와 미확인을 나누어 기록해줘.

25 / 30

차근차근 Mirinaeman Coding

차근차근.
결과를 한 항목씩.

뜻을 먼저 읽고,
내 결과를 펼치고,
원본 근거를 확인합니다.

차근차근 샘플 읽기 화면. 먼저 뜻을 읽고 결과를 펼치는 구조.
샘플 읽기 화면 · 개인 검사 정보 없음
차근차근 열기
26 / 30

차근차근 Mirinaeman Coding

PDF가
확인된 기록이 되기까지.

원본

비공개 업로드

사본

개인정보 가리기

추출

AI가 후보를 읽음

대조

사용자가 수정·확인

저장

근거와 함께 확정

AI가 읽었다는 사실과 값이 맞다는 사실은 다릅니다.

27 / 30

차근차근 Mirinaeman Coding

숫자와 설명을
섞지 않습니다.

원본·확인값

항목 · 좌우 · 수치 · 단위
원본 평가 · 근거 쪽수

AI 해설

확인값에 대한 읽기 도움
출처 · 기록 버전 · 한계

값을 수정하면, 이전 답변은 이전 버전으로 표시합니다.

28 / 30

직접 만들기 Mirinaeman Coding

이제, 당신의 불편을
앱의 첫 문장으로.

나는 ______ 상황에서 ______ 때문에 불편하다.
______가 이 앱을 사용해서
______ 행동을 끝낼 수 있으면 좋겠다.
첫 버전에서는 ______까지 만들겠다.

한 사람 · 한 장면 · 한 번의 완료 경험부터.

29 / 30

마무리 Mirinaeman Coding

내가 정한 변화가,
누군가의 경험이 될 때.

질문하고, 결정하고, 만들고, 확인하고, 배포하세요.

제출할 것

앱 주소 · 핵심 사용 장면
내가 한 결정 세 가지 · 남은 한계

기억할 것

코딩은 메시지의 몸입니다.
그 메시지의 주인은 당신입니다.

30 / 30