5회차 가이드 | 몰입 개발 ②

수업 전에 읽어보세요

어제 이어서 바로 갑니다

🎯 오늘의 목표

어제 정한 내일 1순위부터 바로 시작합니다. 오늘은 새 기능보다 있는 기능을 탄탄하게 만드는 데 무게를 두세요.

👥 오늘의 특별 순서 — 서로 테스트

마지막 25분은 옆 사람 앱을 직접 써보는 시간입니다. 내가 만든 앱은 내 눈에만 편해요. 남이 써봐야 진짜 문제가 보입니다.

📅 다음 수업까지 2주

오늘 이후 6회차(11/7)까지 2주가 뜹니다. current_status.md 갱신이 오늘도 필수예요. 그 사이 카톡으로 짧게 중간 점검 메시지를 드립니다.

💡 오늘의 판단 기준

고민될 때는 이렇게 생각하세요. "이 기능이 없어도 앱이 성립하는가?" 성립한다면 나중으로 미루고, 지금은 이미 있는 기능이 제대로 도는지부터 챙기세요.

오늘 흐름

이렇게 진행됩니다

13:00 ~ 13:10

🔄 어제 이어서

current_status.md 읽고 1순위 확인, 바로 시작

13:10 ~ 14:20

⚡ 개발 몰입 ①

어제 남은 Must 항목 마무리

📌 개발 요령 →

14:20 ~ 14:30

☕ 쉬는 시간

14:30 ~ 15:20

🛡️ 완성도 끌어올리기

예외 처리, 모바일 화면, 디자인 정리

📌 완성도 점검 →

15:20 ~ 15:45

👥 서로 테스트 & 피드백

짝을 바꿔가며 다른 사람 앱 써보고 피드백 주고받기

📌 테스트 방법 →

15:45 ~ 16:00

📌 마무리 & 2주 안내

피드백 정리, current_status 갱신, 중간 체크인 안내

🎯 오늘의 최소 목표

Must 항목 전부 완료 + 예외 처리 + 다른 사람 피드백 받기. 여기까지 오면 6회차는 다듬기에만 집중할 수 있습니다.

기능이 다 들어갔다고 완성이 아닙니다. 아래 5가지를 직접 눌러보면서 확인하세요.

1️⃣

빈 값으로 제출해도 안 깨지나?

아무것도 입력 안 하고 버튼을 눌러보세요. 화면이 멈추거나 이상해지면 안 됩니다.

2️⃣

이상한 값을 넣어도 버티나?

숫자 칸에 글자, 날짜 칸에 아무 말, 아주 긴 문장. 다 넣어보세요.

3️⃣

데이터가 20개쯤 쌓여도 볼만한가?

샘플 데이터를 여러 개 넣어보세요. 화면이 무너지거나 너무 길어지지 않는지 확인.

4️⃣

휴대폰에서 쓸 만한가?

배포 URL을 휴대폰으로 열어보세요. 글씨가 너무 작거나 버튼이 눌리기 어려우면 고쳐야 합니다.

5️⃣

새로고침해도 데이터가 남아있나?

Supabase가 제대로 연결됐다면 남아있어야 합니다. 사라지면 연결을 다시 확인하세요.

🛡️ 예외 처리 한 번에 요청

내 앱에 예외 처리를 추가해줘. - 빈 값으로 제출하면 안내 문구 표시 - 숫자 칸에 글자가 들어가면 막기 - 아주 긴 텍스트가 들어와도 화면이 깨지지 않게 - 저장 실패했을 때 사용자에게 알려주기 어떤 경우들을 처리했는지 목록으로 알려줘.

📱 모바일 대응 요청

휴대폰 화면(가로 390px 기준)에서 보기 좋게 전체를 정리해줘. 글씨 크기, 버튼 크기, 여백을 손가락으로 쓰기 편하게 조정하고, 가로로 넘치는 부분이 없도록 해줘.

🧪 샘플 데이터 넣기

테스트용 샘플 데이터를 20개 정도 넣을 수 있는 방법을 알려줘. 버튼 하나로 샘플 데이터를 넣고 지울 수 있으면 좋겠어. (발표 때 데모용으로도 쓸 거야)

💡 샘플 데이터는 발표에도 쓰입니다

최종 발표 때 데이터가 하나도 없는 빈 화면을 보여주면 앱이 초라해 보여요. 지금 샘플 데이터를 넣어두면 발표 준비가 훨씬 수월합니다.

1

어제 정한 1순위부터

시작 프롬프트

current_status.md 읽고, 다음에 할 것 1순위부터 이어서 해줘.

2

하나 되면 눌러보고 → 커밋

"AI가 됐다니까 됐겠지"는 금물. 직접 눌러보고 확인한 뒤에 커밋하세요. Summary에 구체적으로 적는 것도 잊지 마시고요.

3

막히면 30분 안에 손 들기

같은 방식으로 3번 시도했는데 안 되면 접근을 바꿔야 할 때입니다. 혼자 오래 붙잡지 말고 강사에게 요청하세요.

💡 "이 방법으로 3번 시도했는데 계속 같은 에러가 나. 다른 접근 방법 2가지를 제안해줘." — 이렇게 AI에게 먼저 물어봐도 좋아요.

🤔 뭘 더 해야 할지 모르겠을 때

지금 앱 상태를 보고, 실제 사용자 입장에서 가장 불편하거나 빠져있는 부분 3가지만 냉정하게 알려줘. 중요하지 않은 건 말하지 마.

🎨 디자인 — 3가지 제안 받고 고르기 (추천)

전체 화면 디자인을 마지막으로 다듬고 싶어. 바로 바꾸지 말고, 서로 확실히 다른 스타일 3가지를 제안해줘. 각각 어떤 느낌인지 한 줄로 설명해줘. 내가 고르면 그걸로 적용해줘.

🎨 디자인 마지막 정리 (바로 적용)

전체 화면의 색상과 글꼴을 통일감 있게 정리해줘. 업무용으로 쓰기 좋은 차분한 톤으로. /mnt/skills/public/frontend-design/SKILL.md 가이드라인을 참고해줘.

📈 "완성"은 한 번에 오지 않습니다 — 버전을 쌓으세요

고도화는 작은 개선을 쌓는 일입니다. 기능 하나 추가하고, 피드백 하나 반영하고 — 이렇게 조금씩 올라갑니다. 큰 변화를 한 번에 하려 하지 마세요.

v1.0기능 동작

→

v1.1버그 수정

→

v1.2모바일 대응

→

v2.0발표용 완성

💡 오늘은 v1.1, v1.2를 쌓는 날입니다

작은 개선(v1.1, v1.2)이 쌓여 큰 버전(v2.0)이 됩니다. 오늘 v2.0을 목표로 하지 마세요. 고칠 때마다 커밋하고 current_status.md에 "무엇을 왜 바꿨는지"를 남기면, 되돌릴 때도 다음에 이어갈 때도 헷갈리지 않습니다.

내가 만든 앱은 내 눈에만 편합니다. 만든 사람은 어디를 눌러야 하는지 이미 알고 있으니까요. 처음 보는 사람이 써봐야 진짜 문제가 드러납니다.

진행 방법

1

배포 URL을 옆 사람에게 공유

화면을 보여주는 게 아니라 URL을 주고 직접 써보게 하세요. 휴대폰으로 열어보게 하면 더 좋습니다.

2

설명하지 말고 지켜보기

"이건 여기를 누르면 돼요"라고 알려주고 싶어도 참으세요. 아무 설명 없이 못 쓰는 부분이 바로 고쳐야 할 지점입니다.

💡 상대가 어디서 망설이는지, 어디서 잘못 누르는지를 관찰하세요. 그게 가장 값진 정보입니다.

3

피드백은 이 3가지만

① 어디서 헷갈렸나요?
② 없어서 아쉬운 기능이 있나요?
③ 가장 좋았던 점은?

평가하려 들지 말고, 쓰면서 느낀 그대로 말해주세요.

4

받은 피드백은 메모만

지금 바로 고치지 마세요. 일단 다 적어두고, 나중에 우선순위를 매겨서 반영합니다. 그 자리에서 고치면 시간이 다 갑니다.

피드백 정리 프롬프트 (테스트 후)

다른 사람들이 내 앱을 써보고 이런 피드백을 줬어. - [피드백 1] - [피드백 2] - [피드백 3] 이걸 Must / Should / Could로 분류해주고, prd.md에 반영해줘. 지금 당장 고쳐야 할 건 뭔지도 알려줘.

💚 피드백을 줄 때

다들 몇 주를 들여 만든 앱입니다. "이건 안 좋네요" 대신 "여기서 좀 헤맸어요"처럼 내가 겪은 경험으로 말해주세요. 그게 더 정확하고, 받는 사람도 받아들이기 쉽습니다.

막힐 때

자주 나오는 상황

피드백을 받았는데 다 고치기엔 시간이 없어요

다 고칠 필요 없습니다. "여러 사람이 똑같이 지적한 것"만 고치세요. 한 사람만 말한 건 취향일 수 있어요. 나머지는 발표 때 "다음 단계로 남겨뒀습니다"라고 하면 됩니다.

고칠수록 다른 게 망가져요

잘 되던 커밋으로 되돌린 뒤, "건드리면 안 되는 것"을 명시해서 다시 요청하세요.

"OO과 △△ 기능은 잘 작동하니까 절대 건드리지 말고, □□만 고쳐줘"

Must 항목을 아직 못 끝냈어요

6회차(11/7)가 남아있습니다. 다만 오늘 어디서 막혔는지 정확히 기록해두세요. 카톡 중간 점검 때 알려주시면 6회차에 그 부분을 먼저 다룰 수 있습니다.

앱이 너무 단순한 것 같아 불안해요

단순한데 잘 돌아가는 앱이 복잡한데 자주 깨지는 앱보다 훨씬 높은 평가를 받습니다. 심사 기준에서 완성도와 활용 가능성이 60%예요. 기능을 늘리기보다 지금 있는 게 확실히 돌아가게 하세요.

마무리

2주 공백을 대비합니다

📌 나가기 전에 반드시

① 커밋 & 푸시
② 받은 피드백을 current_status.md에 기록
③ 6회차에 할 것 정리

마무리 갱신 프롬프트

current_status.md를 업데이트해줘. 아래 5개 항목으로 정리해줘. ## 지금 상태 ## 어제와 오늘 한 것 ## 받은 피드백 (다른 사람 테스트) ## 다음에 할 것 (6회차 1순위부터) ## 건드리면 안 되는 것 오늘은 [한 작업]을 완료했고, 서로 테스트에서 [피드백]을 받았어.

📌 갱신 후 커밋 + 푸시까지! 2주 뒤의 나에게 주는 선물입니다.

💬 중간 체크인 ② 안내

6회차(11/7)까지 2주가 남습니다. 그 사이에 카톡으로 중간 점검 메시지를 드릴 거예요. 따로 모여서 하는 온라인 모임이 아닙니다.

5~10분이면 충분합니다. 이번엔 "완성까지 남은 것"과 "발표에서 뭘 보여줄지"를 짧게 확인합니다. 오늘 받은 피드백 중 반영할 것도 같이 적어주시면 좋아요.

🎤 슬슬 발표를 생각할 때입니다

최종 공유회는 11/25(수) 17:00~19:00입니다. 6회차에 발표 준비를 같이 하지만, 지금부터 "이 앱을 왜 만들었는지"를 한 문장으로 정리해두면 좋아요.

오늘 체크리스트

어제 1순위부터 이어서 개발했다
Must 항목을 모두 완료했다
빈 값·이상한 값을 넣어 테스트했다
예외 처리를 추가했다
휴대폰에서 열어보고 화면을 조정했다
다른 사람에게 내 앱을 테스트받았다
받은 피드백을 메모하고 분류했다
current_status.md를 갱신하고 푸시했다

설문

오늘 수업, 어떠셨나요?

1분이면 끝나는 짧은 설문입니다. 여러분의 솔직한 피드백이 다음 수업을 더 좋게 만듭니다. 꼭 참여해 주세요!

📋 5주차 설문 참여하기 →