[도구 리뷰] 펜슬(Pencil) + 바이브 코딩으로 아이폰 앱 만들기 (6) ━ GPT API로 인공지능 기능 더하기

오늘은 GPT API를 끼얹어서 AI 맞춤법 검사 기능을 추가합니다. 커서 Composer 1.5로 화면 구성부터 기능 구현까지, 삽질 과정도 솔직하게 보여드립니다.

타임라인
0:00 인트로 — 펜슬(무드 다이어리) 시리즈 계속
0:11 오늘 추가할 기능 — 글감 추천 + 맞춤법 검사
0:21 글감 추천 기능 — 키워드 입력 → 주제 목록 → 드래프트 생성
0:35 일기에 이렇게까지 해야 되나? → 메모·기록용으로는 유용
1:00 맞춤법 검사 기능 — 편집자로서 꼭 넣고 싶은 기능
1:21 두 가지 기능 화면 구성 시작
1:33 글자 넘침 처리 미리 점검
1:56 API 키 세팅 — 별도 창에서 준비
2:04 Composer 1.0으로 빠릿빠릿하게 수정 중
2:39 글감 추천 UX 개선 — 스토리라인 추가
2:51 "AI 마음 상담" 컨셉 — 질문을 하나씩 넘기며 하루 되돌아보기
3:10 질문 예시 — "오늘 날씨는?", "기억에 남는 순간?", "내일의 나에게 한마디"
3:36 애니메이션 적용 요청 — 감성적인 화면 전환
4:42 에이전트에게 맡기기 — 마음에 안 들지 않는 한 그대로 진행
5:01 펜슬 렌더링 이슈 발생
5:44 화면 겹침 문제 — 질문 1, 2, 3 정리 요청
6:05 화면 구성 완료 — 마음 상담 → 주제 추천으로 이어지는 흐름
6:37 맞춤법 검사 버튼 위치 논의 — 글쓰기 화면에 배치
7:17 텍스트 영역 크기 문제 — 스크롤 대신 칸 넓히기 제안
7:38 맞춤법 검사 UX 개선 — 별도 화면 이동 대신 모달 팝업으로
8:00 화면 날아감 사고 발생 — 작성 도중 실수로 리셋
8:12 트러블슈팅 과정 — 촬영 중 생기는 재미있는 일들
8:36 맞춤법 검사 모달 구현 시도
9:09 UX 제안 — 글 작성 후 모달로 맞춤법 추천 → 적용하기 버튼
10:03 모달 구현 삽질 — "만들었다"는데 화면에 안 보임
10:47 에이전트의 거짓말(?) — 있다고 우기는 상황
11:32 펜슬 렌더링 이슈 계속 — 리로드 필요
12:08 맞춤법 기능 직접 구현 방향 전환
12:31 API 키 설정 — GPT-4o Mini 모델 선택
13:21 맞춤법 검사 모달 추가 완료
13:37 시뮬레이터 실행 — 맞춤법 검사 테스트
14:02 테스트 — "오늘 하루는 정말 쉰이 났다" → 맞춤법 교정 확인
14:39 맞춤법 검사 모델 선택 — GPT-4o Mini 추천 (추론 모델은 느림)
15:44 최종 확인 — 맞춤법 검사 빨라짐, 적용·저장 정상 동작
16:00 추가 테스트 — "가입이 짐을 먹었다" → 교정 확인
16:22 마무리 — 다음 시간에 AI 마음 상담 디테일 추가 예정

오늘 다룬 내용
- AI 마음 상담 화면 구성 — 질문 3개를 넘기며 하루 되돌아보기
- 맞춤법 검사 기능 추가 — 모달 팝업으로 검사 → 적용
- API 모델 선택 — GPT-4o Mini (추론 모델은 느려서 비추천)
- Composer 1.0 실시간 개발 과정 — 삽질·트러블슈팅 포함
- 펜슬 렌더링 이슈 — 리로드 필요한 문제 발견

#무드다이어리 #바이브코딩 #커서 #Cursor #Composer #맞춤법검사 #AI앱개발 #SwiftUI #iOS #펜슬