AI 도구로 웹사이트를 뚝딱 만들어내는 시대다. Claude에게 몇 줄 설명하면 그럴듯한 페이지가 나오고, 채팅으로 다듬다 보면 꽤 완성도 있는 결과물이 나온다. 문제는 그 다음이다. "이걸 실제 서비스로 올려도 되나?"라는 질문 앞에서, 많은 프로토타입이 조용히 멈춘다.
최근 dev.to에 올라온 세 편의 글은 각자 다른 영역을 다루고 있지만, 읽고 나면 하나의 질문으로 수렴된다. AI로 빠르게 만드는 건 이제 누구나 한다. 그 결과물을 프로덕션 품질로 끌어올리는 설계 기준은 무엇인가?
보안 없는 코드 생성은 프로토타입조차 위험하다
스리랑카 개발자 Induwara가 공개한 AI 웹사이트 빌더 구현기는, 흥미롭게도 가장 많은 분량을 '보안'에 할애한다. Claude Opus로 구조를 잡고 Sonnet으로 코드를 생성하는 파이프라인 자체는 단순하다. 어렵지 않다. 진짜 문제는 공개 입력(퍼블릭 프롬프트)이 코드 생성 모델을 만날 때 생긴다.
그의 선택은 명확했다. 모델을 에이전트로 실행하지 않는다. 모든 도구를 비활성화한 순수 텍스트 모드로만 작동시키고, 서버 측에서 확장자 허용 목록 검사·경로 순회 차단·크기 제한을 직접 구현했다. 생성된 코드가 프리뷰 iframe에서 실행될 때는 Content-Security-Policy: sandbox 헤더로 부모 도메인의 쿠키를 원천 차단한다. AI가 코드를 만들어도, 그 코드가 실행되는 환경은 사람이 설계해야 한다는 원칙이다.
이 지점은 프로토타입을 프로덕션으로 올릴 때 가장 먼저 무너지는 부분이다. 내 로컬에서만 돌리면 괜찮았던 게, 사용자 입력이 들어오는 순간 공격 표면이 된다. AI 도구가 빨라질수록, 보안 설계를 나중 문제로 미루는 유혹도 커진다.
스트리밍은 UX고, 지속성은 제품이다
'AI 래퍼 챗 앱은 생각보다 어렵다'는 제목의 글은, 제목보다 내용이 훨씬 날카롭다. 저자는 AI 챗 앱 구현을 주니어·미드·시니어 세 단계로 나눠 분석한다. 주니어는 요청-응답 방식으로 만들고, 미드는 SSE 스트리밍을 붙인다. 시니어의 차이는 '스트리밍 + 저장된 히스토리'다.
흥미로운 건 그 경계선의 정의다. 스트리밍은 UX의 문제다. 토큰이 한 글자씩 나타나는 경험이 없으면 사용자는 10초를 못 기다린다. 하지만 스트리밍만으로는 제품이 되지 않는다. 새로고침하면 대화가 사라지는 앱은 "매우 비싼 alert() 박스"라는 비유가 정확하다.
진짜 구현은 스트리밍이 들어오는 동안 DB에 동시 저장하는 것이다. 스트림이 끝난 뒤 저장하면 탭을 닫은 사용자의 데이터가 유실된다. 토큰마다 저장하면 DB가 버티지 못한다. 디바운스 전략, 중간 단절 처리, AI에게 전달하는 컨텍스트 범위 설계—이 모든 게 "AI 부분"이 아니라 "인프라 부분"이다. 저자의 결론은 명쾌하다. 주니어와 시니어의 차이는 AI API 호출 실력이 아니라, 그 주변 인프라를 얼마나 진지하게 다루느냐다.
구조 없는 콘텐츠는 빨리 쌓일수록 빨리 망가진다
Next.js 콘텐츠 허브를 검색 의도 기준으로 구조화하는 방법을 다룬 글은, 셋 중 가장 조용하지만 가장 실용적인 통찰을 담고 있다. AI로 콘텐츠를 빠르게 생성할 수 있는 지금, 페이지를 쏟아내는 속도와 그 구조를 설계하는 속도가 역전되기 쉽다.
저자의 접근법은 단순하다. 라우트를 만들기 전에 페이지 역할을 먼저 정의한다. 학습 페이지, 다운로드 페이지, 문제해결 페이지는 사용자의 의도가 다르기 때문에 같은 구조로 만들면 안 된다. 페이지 역할이 정해지면 제목·설명·내부 링크·본문 구조가 자동으로 따라온다. 이 규칙 없이 AI로 페이지를 양산하면, 서로 경쟁하는 URL이 늘어나고 사이트맵은 잡음으로 채워진다.
"이 페이지의 단일 의도는 무엇인가"라는 질문은, AI가 콘텐츠를 생성할 때 프롬프트에 먼저 들어가야 할 조건이다. 구조는 나중에 정리할 수 있는 게 아니다. 나중에 정리하려면 이미 인덱싱된 URL 수십 개를 건드려야 한다.
세 편이 가리키는 하나의 설계 기준
세 글의 공통점은 "AI로 빠르게 만드는 법"을 다루지 않는다는 것이다. 모두 "AI로 만든 것을 어떻게 버티게 하는가"를 다룬다. 보안 샌드박스, 스트리밍-지속성 분리, 의도 기반 라우트 설계—이 세 가지는 모두 프로토타입 단계에서는 없어도 돌아가지만, 사용자가 생기는 순간 없으면 무너지는 것들이다.
AI 프로토타이핑 속도가 빨라질수록, 프로덕션 설계 기준이 더 명확하게 요구된다. 빠르게 만드는 능력은 이제 도구가 준다. 오래 버티는 구조는 여전히 사람이 설계해야 한다. 그 간격을 좁히는 것이, 지금 프론트엔드 개발자에게 가장 실질적인 과제다.