그래서 오늘 뭐? · AI 활용 개발 중간발표
기획, 조사, 화면 제작, 코딩, 테스트에서 AI를 어떻게 사용했는지 공유합니다.
01 · 먼저, 만들고 있는 것
RSS와 공식 API에서 관심 분야의 최신 소식을 가져옵니다.
같은 사건을 다룬 여러 링크를 하나로 묶습니다.
관심도와 중요도를 기준으로 하루 분량을 정합니다.
처음 읽는 사람이 궁금해할 내용을 찾아 함께 정리합니다.
날짜별 페이지를 만들고 같은 내용을 메일로 보냅니다.
02 · AI 개발 환경
대화 내용만이 아니라
저장된 기준과 결과를 함께 사용합니다.
CLAUDE.mddocs/sample + v14etests/만들 범위와 완료 조건을 먼저 정합니다.
contract.md기준을 읽고 코드·화면·문서를 만듭니다.
src/ · design/ · docs/테스트와 실제 화면으로 결과를 확인합니다.
tests/ · browser통과하면 확정하고, 실패하면 다시 구현합니다.
KEEP / FIX03 · AI로 개발 구조를 설계한 방법
| 활용한 방법 | AI에게 준 개발 정보 | AI에게 시킨 작업 | 개발에 반영한 결과 |
|---|---|---|---|
| 요구사항 분해 | 서비스 목표와 제약 조건매일 다섯 건을 수집해 웹과 이메일까지 자동으로 만드는 목표 | 필요한 기능과 의존 관계를 분석큰 요구사항을 독립적으로 개발하고 시험할 수 있는 기능으로 나눔 | 모듈 구성과 개발 순서수집, 정리, 선택, 설명, 검사, 발행 기능의 경계와 연결 순서 |
| 샘플 기반 설계 | 기사 5건과 채택한 화면실제 입력 예시와 최종 화면에 필요한 정보 | 단계별 데이터 항목을 도출각 기능이 받아야 할 값과 다음 기능에 넘길 값을 비교 | 공통 데이터 규격기사, 출처, 배경 설명을 같은 형식으로 주고받는 구조 |
| 테스트 우선 개발 | 실패 사례와 완료 조건중복 기사, 출처 누락, API 오류, 중복 발송처럼 막아야 할 상황 | 조건을 검사 항목으로 변환기능을 만들기 전에 통과해야 할 테스트와 예외 처리를 작성 | 검사 규칙과 테스트 코드기능을 추가할 때마다 같은 기준으로 자동 확인하는 개발 방식 |
04 · AI로 디자인 시안을 좁힌 방법
AI로 참고 화면 208곳을 조사해 비교 기준을 정리하고, 샘플 내용은 고정한 채 디자인 방향만 바꿨습니다. 각 화면은 마우스로 조작할 수 있습니다.
3D와 공간 이동을 적용해 뉴스 탐색 방식을 크게 바꿔본 시안입니다.
책을 펼치면 기사 카드가 솟아오르는 형태로 다섯 건을 한 장면에 배치한 시안입니다.
같은 뉴스를 쉽게·보통·깊게 전환하고, 배경 설명과 출처를 함께 보여주는 시안입니다.
05 · 채택한 화면
06 · 다음 개발에서도 AI를 쓰는 방법
RSS와 공식 API의 예제 응답을 주고, 수집 코드와 오류·중복 테스트를 함께 작성하게 합니다.
어떤 질문과 설명을 만들지 정하고, 출처가 연결되지 않은 문장을 거르는 테스트를 작성합니다.
정해진 시간에 발행하고, 실패하면 다시 실행하되 같은 메일을 두 번 보내지 않도록 시험합니다.