2026년 제10주차 개발 로그
출처: Dev.to
🗓️ 이번 주
첫 번째 iOS 앱을 구상하면서 기존에 만든 웹 앱 아이디어인 ToneDrill을 떠올렸어요. 기타 프렙보드에서 음표 연습을 돕기 위해 가볍게 만들었던 이 앱을 iOS 앱🛠️로 변형해 보기로 했죠.
ToneDrill의 목적, 최소 요구사항, 핵심 기능을 명확히 하고 Notion📝에 정리했습니다.
그 최소 요구사항으로 iOS 앱을 구현할 수 있는 능력이 Codex가 얼마나 좋은지 궁금해져 바로 시도해 보았습니다💡.
Codex가 만든 SwiftUI 코드를 검토하고 앱 로직을 따라가며 구현 방법을 이해했습니다🔍. 현재는 동작하는 앱을 만들 수 있었고, 이는 의미 있는 진전으로 느껴졌습니다🚶.
포트폴리오 사이트의 홈 페이지 디자인을 Figma🎨로 만들었습니다. 구조를 간단하고 구현하기 쉬운 형태로 유지하고, 주요 부분마다 재사용 가능한 컴포넌트를 설계했습니다.
이전 실패 경험을 바탕으로 다시 Figma UI 디자인에서 프로토타입을 구현할 수 있는지 Codex가 얼마나 잘 할 수 있는지 테스트했습니다(예전 시도 내용은 여기😅).
이번 주 TryHackMe의 AI Security Learning Path AI Threat Modelling 룸에 참여했습니다🤖.
ToneDrill이라는 오래된 웹 앱 아이디어를 다시 떠올했고, 이전에 가볍게 만든 기타 음표 훈련 앱으로 iOS 앱으로 변형해 보려고 했습니다.
앱 아이디어를 Notion에 정리했으며, 목적, 타깃 사용 사례, 최소 요구사항, 핵심 기능을 포함했습니다.
처음부터 전체 기능이 풍부한 앱을 만들려 하기보다 MVP 수준의 버전을 먼저 목표로 삼았습니다.
간단한要求을 적고, Codex가 초기 앱 버전을 얼마나 정확히 구현할 수 있는지 테스트했습니다.
Codex가 만든 iOS 앱 구현 코드를 검토하고 상세히 살펴서 로직이 어떻게 작동하는지 이해했습니다.
Dev.to에 주간 데브 로그를 게시했습니다📝
포트폴리오 사이트 홈 페이지 디자인을 Figma로 완성했습니다.
Figma UI 디자인을 바탕으로 다시 프로토타입 앱을 생성하기 위해 Codex를 사용해 보았습니다.
TryHackMe의 AI Security Learning Path AI Threat Modelling 룸(일부)에 참여했습니다.
앱을 한 번에 크게 짓기보다 작은 꾸준한 진전을 만들면서 시작했습니다.
작게 시작하면 실제 앱을 구축하기 전에 첫 걸음을 내디뎌 훨씬 쉽게 할 수 있었습니다.
앱이 작다고 해도 튜토리얼만으로는 구현 세부사항을 완전히 이해할 수 없다는 것을 깨달았습니다.
각 부분을 단계별로 검토하고 조사하며 코드가 어떻게 작동하는지 이해해야 했습니다.
큰 앱을 바로 시작한다면 구현을 이해하는 데 훨씬 더 많은 시간이 걸릴 것이라는 것을 깨달았습니다.
개발 중에 Codex를 언제, 어떻게 활용할지 명확히 정의해야 한다는 것도 배웠습니다.
지금은 AI를 적극 활용해 한 개의 동작하는 앱을 완성한 뒤, AI가 가장 도움이 되는 부분과 직접 코드를 더 자세히 검토해야 할 부분을 평가할 계획입니다.
Figma UI 디자인에서 디자인 시스템을 먼저 Codex에게 검토하도록 요청하고, 그 규칙에 따라 app.css 및 FIGMA_DESIGN_SYSTEM.md와 같은 룰 파일을 생성하도록 해야겠다는 것을 배웠습니다.
Figma UI를 구현을 염두에 두고 설계하는 것이 Codex에게 프로토타입을 요청할 때 중요하다는 것을 배웠습니다.
단순한 시각적 모킹업만 만들지 않고, 명확한 프레임, 재사용 가능한 컴포넌트, 레이아웃 규칙을 갖춘 UI 구조를 구축했습니다.
디자인 시스템을 룰 파일에 문서화해 Codex가 의도한 구조, 간격, 색상, 컴포넌트 스타일을 더 잘 이해할 수 있게 했습니다.
그 결과, Codex는 Figma 디자인을 거의 정확히 반영한 프로토타입을 생성할 수 있었습니다🔥.
OWASP LLM Top 10이 LLM 특유의 리스크를 발생하는 위치에 맞춰 매핑할 수 있다는 것을 배웠습니다.
OWASP LLM Top 10은 체크리스트일 뿐만 아니라 LLM 아키텍처를 검토하는 평가 도구로도 유용합니다.
LLM 추론 엔드포인트는 프롬프트 주입, 민감한 정보 누출, 과도한 권한 부여, 시스템 프롬프트 유출, 오해 정보, 무제한 소비를 포함하는 위험이 집중된 곳이 가장 높은 위험을 가지고 있다는 것을 배웠습니다.
벡터 데이터베이스와 RAG 파이프라인은 간접 프롬프트 주입, 임베딩 약점, 그리고 오래되거나 잘못된 출처에서 오는 오해 정보를 유발할 수 있어 특별히 주의가 필요합니다.
Codex가 만든 최소 기능 앱의 이슈와 개선점을 검토하고, 그에 따라 코드 변경을 시작합니다.
ToneDrill 앱 UI 디자인 아이디어를 탐색하고 전체 UI 방향을 결정하도록 Codex에 요청하세요.
Codex가 만든 포트폴리오 웹사이트 프로토타입의 구현 세부사항을 검토하고 이해하세요.
Dev.to에 작은 글들을 계속 게시하세요.
AI Security Learning Path 작업을 계속 진행하세요.
SwiftUI에 solide한 기초를 쌓고 최소 하나의 iOS 앱을 구축하세요.
Dev.to에 학습 로그를 계속 올리고, 최종적으로는 React Router v7을 사용해 포트폴리오 사이트로 전환하세요.
TryHackMe에서 사이버 보안 계속 학습하세요.