01 / Context
무엇을 해결할 것인가.
정원 시안만으로는 식물 종류, 수량과 현장 위치를 전달하기 어렵습니다. 추정한 배치와 실측으로 확인한 정보를 구분해야 합니다.
정원 식재 명세를 현장 좌표·수량·2D 배치도·3D 시각화로 연결하는 설계 작업실.
02 / Direction
프로젝트를 바라본 방향.
시안과 식재 명세가 같은 구성을 사용하도록 설계했습니다. 위치를 실측으로 보정한 뒤 현장 검토용 파일을 출력하도록 구성했습니다.
03 / Experience
사용자의 다음 행동을 설계하다.
식재 명세 → 사진/기준점 입력 → 현황 요소 분석 → 실측 보정 → 2D/3D 확인 → 확인된 도면 출력.
04 / Making
경험을 실제 시스템으로.
Express API와 Three.js 뷰어를 구성하고 식재 명세를 2D·3D로 연결했습니다. 실측 보정 후 SVG·DXF·CSV와 인쇄용 결과물을 내보낼 수 있도록 제작했습니다.
Node.jsExpressOpenAIThree.jsesbuildSVGDXFCSV
05 / In detail
구현의 디테일.
- 꽃·나무 명세와 관리 정보
- 현황도·계획도 분리 편집
- 공간 사진·경계 좌표 입력
- 실측 X/Y·크기 보정
- 회전/이동/확대 3D 뷰어
- A3 축척 출력/PDF 인쇄
- SVG·1:1 mm DXF·CSV
- 명세 기록 재불러오기
- 실측 확인 전 현장 출력 잠금
06 / Intelligence & automation
AI를 설계하는 원칙.
사진에서 얻은 위치는 추정 초안으로 취급하고, 도면은 실측 치수로 보정한다. 같은 식물·수량·구역 정보를 시안과 명세가 공유하도록 설계. 검증되지 않은 치수는 확정 도면에 사용하지 않는다.
07 / Outcome
그래서, 가능해진 일.
식재 명세를 배치도와 3D, 현장 검토용 파일로 변환하는 도구를 제작했습니다. 실측 확인 전에는 현장 출력이 제한되며 현재는 개발 도구로 보존하고 있습니다.
08 / Continuity
만든 이후의 시간까지.
저장한 식재 명세를 다시 불러오고 작업 상태와 API 호출 시간을 관리합니다. 배포 전 백업과 이전 서비스 구성 복구를 지원합니다.