AI 건축 기획설계 서비스 개발 스킬. Flexity 벤치마킹 프로젝트로 Next.js + Tailwind + Three.js 기반. VWorld/공공데이터포털 API 연동 및 Google Gemini AI 통합. 사용 시점 - 토지분석 API 개발, AI 매스 스터디, 수익성 분석, 3D 시각화, Lambda 프록시 구현. 핵심 규칙 - URL 끝 슬래시 필수, 한글 파라미터는 POST+JSON, 타임아웃 설정, CORS 헤더.
// ❌ 404 에러
const URL = 'https://xxx.execute-api.amazonaws.com/prod';
// ✅ 정상
const URL = 'https://xxx.execute-api.amazonaws.com/prod/';
// ❌ GET - 인코딩 깨짐
fetch(`${URL}?address=${encodeURIComponent('제주시')}`);
// ✅ POST - 안전
fetch(URL, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ address: '제주시 도남동 50-11' })
});
let params = event.queryStringParameters || {};
if (event.body) {
params = { ...params, ...JSON.parse(event.body) };
}
const headers = {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Headers': 'Content-Type',
'Access-Control-Allow-Methods': 'GET, POST, OPTIONS'
};
fetch(url, { signal: AbortSignal.timeout(15000) });
if (!res.ok) throw new Error(`API Error: ${res.status}`);
const data = await res.json();
상세 정보는 references 폴더 참조:
/app
/page.tsx # 메인 페이지
/layout.tsx # 레이아웃 (AdSense)
/api/analyze/route.ts # 토지분석 API
/lib
/constants.ts # 건폐율/용적률
/prompts.ts # AI 프롬프트
/components
/AddressInput.tsx
/MassStudyResult.tsx
/Building3DView.tsx
git add -A && git commit -m "feat: 설명" && git push
# Lambda POST 테스트
curl -X POST "https://xxx.amazonaws.com/prod/" \
-H "Content-Type: application/json" \
-d '{"type":"geocode","address":"제주시 도남동"}'