시간이 지날수록 진가를 발휘하는 와인처럼
핵심 요약
AI 코딩 도구로 복잡한 프로젝트를 확장할 때 발생하는 토큰 제한과 코드 관리 문제를 해결하는 전략에 대한 고찰.
- 백엔드 로직 설계 — Claude를 활용해 복잡한 시스템 아키텍처를 효율적으로 구축함.
- 프로젝트 확장성 — 단일 채팅창의 토큰 제한을 피하기 위해 데이터 로직과 UI 레이어를 분리함.
- 코드 드리프트 방지 — 여러 컴포넌트 상태를 한 번에 관리하지 않고 모듈화하여 개발 속도를 높임.
이 밈이 얼마나 정확한지 진짜 웃기네요. 하지만 요구사항을 확실히 정해도 기술 스택 관리는 이상하게 꼬이기 마련이죠. Claude는 복잡한 백엔드 로직과 깊이 있는 시스템 아키텍처를 설계하는 데 있어 정말 괴물 같은 성능을 보여줍니다. 지금의 추론 깊이는 솔직히 미친 수준이에요.
진짜 문제는 프로젝트를 표준 브라우저 탭 하나로 감당할 수 있는 랜딩 페이지 수준 이상으로 확장할 때 시작됩니다. 데이터 엔드포인트를 Supabase에 연결하거나 백엔드 서버 블록을 배포하는 건 쉽지만, 복잡한 프론트엔드 레이아웃까지 하나의 채팅창에 다 때려 넣으면 토큰 제한에 계속 걸리고 코드 드리프트가 엄청나게 발생하죠. 저는 결국 인터페이스 병목 현상과 싸우기 싫어서 환경을 완전히 분리했습니다. 요즘은 Claude에게 순수 데이터 로직 파이프라인만 맡기고, 상태값은 빠르게 DB에 저장한 뒤, 실제 시각적 조립 레이어는 Stitch가 알아서 처리하게 둡니다. 이렇게 하면 프로젝트 전체가 모듈화되어 하나의 채팅 스레드가 50개의 컴포넌트 상태를 기억하게 강요하지 않아도 빠르게 개발할 수 있죠. 여러분은 프로젝트 규모가 커질 때 UI가 무너지지 않게 스택을 어떻게 구성하고 계신가요?


