ENGINEERING · 이사 견적 체크 기술 소개
예쁜 화면이 아니라 실제로 돌아가는 구조로 신뢰를 만듭니다. 데이터가 어떻게 흐르고, 무엇을 어디에 두었는지 정리했습니다.
기술 스택
STACK프론트엔드
Next.js 16React 19Tailwind CSS
백엔드
Next.js (App Router)zod 검증
인프라
Kubernetes무중단 블루-그린 배포
데이터 흐름
ARCHITECTURE요청이 들어와 화면에 반영되기까지의 경로입니다. 내부 호스트명·인증정보는 제외한 추상 구조입니다.
클라이언트서비스데이터스토어⇢ 별도 계층 호출(점선)
- 브라우저 → 견적 계산 로직 (조건 입력)
- 견적 계산 로직 → 브라우저 (적정가 범위)
- 브라우저 → Next.js (App Router) (익명 제출)
- Next.js (App Router) → MySQL (Prisma) (저장)
설계 포인트
01
바로 나오는 견적
계산은 브라우저에서 즉시 처리해, 조건을 바꾸면 결과가 곧바로 반영됩니다.
02
최소한만 받는다
이름·연락처·주소 없이 지역 단위로만 받아, 부담 없이 익명으로 확인합니다.
03
비교가 아니라 감
업체 비교 마켓플레이스가 아니라, 적정가 "감"을 빠르게 잡아 주는 계산기로 범위를 좁혔습니다.
구조는 그만, 직접 돌려보는 게 빠릅니다.
이사 견적 체크을(를) 열어 직접 확인해 보세요.