관광 플랫폼

PEACEWAY

파주 DMZ 여행의 투어 신청, 번역 가이드, 나무 심기 기록을 한 흐름으로 묶은 반응형 웹 프로토타입입니다. 사용자 화면과 관리자 화면을 합쳐 30개가 넘는 화면을 만들었습니다.

상태: 프로토타입
기간: 2026.08
형태: 반응형 웹 · 한국어·영어
도구: Claude Code, Next.js, Tailwind CSS, next-intl

먼저 정한 것

DB 없이 화면 흐름부터 끝까지 만들었습니다

프로토타입은 데이터베이스를 연결하지 않고 로컬 데이터로만 돌렸습니다. 결제도 모의 결제입니다. 대신 데이터를 읽는 부분을 한곳에 모아, 나중에 실제 DB로 바꿀 때 화면 코드는 건드리지 않게 짰습니다.

막혔던 것

여러 AI를 동시에 돌리자 문서와 코드가 어긋났습니다

화면을 빨리 늘리려고 AI 에이전트 여러 개를 동시에 돌렸더니 문서와 코드의 필드 이름이 서로 달라졌습니다. 그 뒤로 같은 파일을 건드리는 작업은 순서대로 돌렸습니다. 브라우저로 직접 열어 본 점검에서는 결함 7건이 나왔습니다. 글꼴이 통째로 깨지는 문제, 375px 화면의 가로 넘침, 움직임 줄이기 설정에서 홈 내용이 아예 안 보이는 문제 등이었고 6건을 고쳐 다시 확인했습니다.

수업으로 가져온 것

이 앱에서 나온 수업 순서

같은 파일을 건드리는 AI 작업은 동시에 돌리지 않는다
진행 상태는 대화 기억이 아니라 실제 파일로 확인한다
화면은 실제 브라우저로 열어 확인한다

PEACEWAY

DB 없이 화면 흐름부터 끝까지 만들었습니다

여러 AI를 동시에 돌리자 문서와 코드가 어긋났습니다

이 앱에서 나온 수업 순서

이 순서를 다루는 강의

AI 업무활용 1:1 레슨

초보자 AI 세미나