도면 인식 견적 자동 산출 웹
CAD·PDF 도면을 올리면 품명·치수·마감재 코드를 인식하고, 가구 유형별 룰셋으로 물량과 원가를 산출한 뒤, 도면과 내역서를 나란히 보며 검수해 엑셀 3종으로 내려받는 견적 담당자용 웹을 React와 Node.js 기반으로 설계·구현합니다.
프로젝트 개요
CAD·PDF 도면을 올리면 품명·치수·마감재 코드를 인식하고, 가구 유형별 룰셋으로 물량과 원가를 산출한 뒤, 도면과 내역서를 나란히 보며 검수해 엑셀 3종으로 내려받는 견적 담당자용 웹을 React와 Node.js 기반으로 설계·구현합니다. 수작업 엑셀 계산을 같은 화면의 작업 흐름으로 옮깁니다.
작업 범위
- 견적 작업대: 좌측 도면 뷰어와 우측 산출 표를 나란히 놓은 첫 화면입니다. 표의 행을 고르면 도면에서 해당 구획이 강조되고, 아래에는 견적 건 작업 목록과 최근 견적 표가 이어집니다
- 도면 인식: PDF와 DXF를 올리면 도면 번호별로 나뉘고, 도면마다 품명·치수·수량·마감재 코드가 표로 정리되는 화면입니다. 신뢰가 낮은 값은 표시되어 사람이 먼저 확인합니다
- 도면-내역서 검수: 좌측에 원본 도면, 우측에 자동 산출 내역서를 놓고 수량·단가를 바로 고쳐 확정하는 분할 화면입니다. 고친 값은 합계에 즉시 반영됩니다
- 견적 출력: 내부 원가를 발주처 제출 양식으로 변환해 갑지, 상세 공사내역서, 원가산출서 엑셀 3종을 내려받는 화면입니다. 내려받기 전에 시트 구성을 미리 보여 줍니다
주요 업무
- 견적 작업대 화면: 도면 페이지는 캔버스 뷰어로 그리고 인식 영역 좌표를 산출 행과 연결해 행 선택과 도면 강조를 동기화합니다
- 도면 인식 화면: 업로드 파일을 페이지 단위로 분리해 표제란 텍스트로 도면 번호를 만들고, 벡터 PDF는 텍스트·좌표를, 스캔본은 Vision API 결과를 같은 구조로 정규화합니다
- 도면-내역서 검수 화면: 내역서 행 수정 시 하위 자재 물량과 합계를 클라이언트에서 재계산하고, 확정 시점에 수정 전후 값을 이력으로 저장합니다
- 견적 출력 화면: 내부 원가(자재·노무·외주)를 재료비 단가·노무비 단가·합계 열로 나누는 변환 규칙을 적용하고 엑셀 생성 라이브러리로 파일을 만듭니다
프로젝트 핵심 과제
도면마다 표제란 양식과 치수 표기가 다를 수
인식 결과를 검수 화면에서 고치는 흐름을 전제로 설계합니다
스캔본은 글자 인식이 흔들릴 수
Vision API 결과에 신뢰 점수를 두고 낮은 값을 먼저 보여 주는 구조가 필요합니다
내부 심재·부자재 물량은 도면에 없어 기존 엑셀 기준 공식을 룰셋으로 옮기는 협의가 필요합니다
발주처 제출 양식의 병합 셀과 수식을 유지한 채 엑셀을 생성하는 템플릿 구조 설계가 필요합니다
핵심 기능 상세
견적 작업대
좌측 도면 뷰어와 우측 산출 표를 나란히 놓은 첫 화면입니다. 표의 행을 고르면 도면에서 해당 구획이 강조되고, 아래에는 견적 건 작업 목록과 최근 견적 표가 이어집니다.
- 캔버스 뷰어 위에 인식 영역 사각형을 겹쳐 그리고 행 선택 이벤트와 연결
- 상태 칩 필터와 진행 막대를 가진 견적 건 목록을 쿼리 파라미터와 동기화
- 건별 상태(대기·인식 중·검수 필요·완료)를 서버 작업 큐 상태와 연결
도면 위치와 산출 행을 양방향으로 이어, 결과가 어디서 나왔는지 바로 확인하는 작업 화면을 구현합니다.
도면 인식
PDF와 DXF를 올리면 도면 번호별로 나뉘고, 도면마다 품명·치수·수량·마감재 코드가 표로 정리되는 화면입니다. 신뢰가 낮은 값은 표시되어 사람이 먼저 확인합니다.
- PDF 페이지 분리와 표제란 영역 텍스트 추출로 도면 번호 후보 생성
- 벡터 PDF 텍스트·좌표 추출과 스캔본 Vision API 결과를 같은 스키마로 정규화
- 마감재 코드표(무늬목·인조대리석·금속·패브릭·시트) 대조 분류
파일 형식과 추출 방식이 달라도 한 구조의 인식 결과로 모아, 낮은 신뢰 값만 골라 확인하는 흐름을 구현합니다.
도면-내역서 검수
좌측에 원본 도면, 우측에 자동 산출 내역서를 놓고 수량·단가를 바로 고쳐 확정하는 분할 화면입니다. 고친 값은 합계에 즉시 반영됩니다.
- 분할 패널 크기 조절과 도면 확대·이동 구성
- 행 단위 인라인 수정과 합계 즉시 재계산
- 확정 시 수정 전후 값을 이력 테이블에 기록
도면을 보면서 숫자를 고치고 합계가 바로 바뀌는 검수 흐름을 구현합니다.
견적 출력
내부 원가를 발주처 제출 양식으로 변환해 갑지, 상세 공사내역서, 원가산출서 엑셀 3종을 내려받는 화면입니다. 내려받기 전에 시트 구성을 미리 보여 줍니다.
- 내부 원가를 제출 양식 열 구조로 변환하는 매핑 규칙 구성
- 서식·병합·수식이 포함된 엑셀 3종 생성
- 출력 이력과 파일 버전 기록
한 번의 확정으로 세 가지 문서가 같은 숫자로 만들어지는 출력 흐름을 구현합니다.
프로젝트 진행 단계
산출 데이터 모델과 인식 결과 스키마 설계 · 2026.11
도면·품목·자재·단가·내역서 테이블과 인식 결과 정규화 구조 설계
도면 인식 모듈 개발 · 2026.11
PDF 텍스트·좌표 추출, DXF 파싱, Vision API 연동과 마감재 코드 분류 구현
작업 화면과 검수 화면 개발 · 2026.11
도면 뷰어와 산출 표 동기화, 분할 검수, 인라인 수정 구현
엑셀 출력과 대조 테스트 · 2026.11
제출 양식 변환, 엑셀 3종 생성, 기준 엑셀과 자동 대조 테스트 구성
개발 결과
기술적 주안점
- 도면 위치와 산출 행을 양방향으로 이어, 결과가 어디서 나왔는지 바로 확인하는 작업 화면을 구현합니다
- 파일 형식과 추출 방식이 달라도 한 구조의 인식 결과로 모아, 낮은 신뢰 값만 골라 확인하는 흐름을 구현합니다
- 도면을 보면서 숫자를 고치고 합계가 바로 바뀌는 검수 흐름을 구현합니다
