KimJeong
프로젝트 목록

Corporate Websites · Static + D1

건설정보 웹사이트 7종 구축·운영

두 건설정보 회사의 랜딩·서비스 사이트 7종을 기획부터 배포까지 혼자 만들었습니다. 면허등록, 기업진단, 연말결산, 양도양수로 목적을 나누고 검색·계산·상담·관리 기능을 각각 붙였습니다.

  • Astro
  • TypeScript
  • Cloudflare D1
  • Pages Functions
  • SQL
  • Cloudflare Pages
  • GitHub
  • AI 페어 프로그래밍
SELECTED WORK
DH건설면허길잡이 메인 화면과 업종별 등록기준 자가진단

디에이치건설정보 — 4종

면허등록·기업진단·연말결산·양도양수를 각각 독립 사이트로 나눴습니다. 한 사이트가 여러 서비스를 떠안으면 첫 화면에서 무엇부터 해야 할지 고르게 되기 때문입니다.

  • DH건설면허길잡이 메인 화면
    면허등록 — 업종을 고르면 필요한 자본금과 기술인력까지 얼마나 남았는지 첫 화면에서 바로 셉니다.
  • 건설업기업진단전문 메인 화면
    기업진단 — 분야별 진단 대상을 고르고 필요한 기준 확인에서 상담까지 단계를 줄였습니다.
  • 디에이치건설정보 연말결산·잔고증명 사이트 메인 화면
    연말결산·잔고증명 — 실질자본금 미달을 결산 전에 잡자는 서비스입니다. 간편 계산을 첫 화면에 두었습니다.
  • 양도마켓 메인 화면과 1분 셀프체크
    양도마켓 — 업종·시평·실적만 넣으면 통상 시세를 1분 안에 보여 주고, 매물 직접 등록으로 이어집니다.
  • DH건설면허길잡이 건설칼럼 목록
    건설칼럼 — 분류별 실무 콘텐츠를 D1에 담고 운영자가 직접 발행합니다.
  • 페이지별 SEO 설정 관리자
    SEO 관리 — 페이지 제목과 설명, 검색엔진 인증 정보를 코드 수정 없이 바꿉니다.
  • 홈페이지 상담 신청 관리자
    상담 관리 — 접수된 신청을 검색하고 상태별로 처리합니다.

나우건설정보 — 3종

같은 설계를 두 번째 회사에 옮겼습니다. 공통 레이아웃과 배포 방식은 그대로 쓰고 서비스에 맞는 계산과 검색만 새로 붙였습니다.

  • 나우건설정보 면허등록 사이트 메인 화면
    면허등록 — 회사 소개와 상담 경로를 정리한 대표 사이트입니다.
  • 나우건설정보 연말결산 사이트의 실질자본금 간편 계산
    연말결산·잔고증명 — 자산·부채·부실자산만 넣으면 실질자본금이 바로 나옵니다. 정확한 판정은 기업진단으로 넘깁니다.
  • 나우건설정보 양도매물 검색 화면
    양도양수 — 업종·지역·시평금액 등 여러 조건으로 매물을 찾습니다.
  • 나우건설정보 양도가치 계산기
    양도가치 계산 — 유사 매물 데이터로 예상 양도가 범위를 냅니다.
  • 나우건설정보 매물 관리자
    매물 관리 — 가져오기, 신규 등록, 수정과 공개 상태를 운영자가 직접 다룹니다.

Overview

목적이 다른 건설정보 서비스를 한 사이트에 몰아넣지 않고 일곱 개로 나눴습니다. 면허등록·기업진단·연말결산·양도양수가 각각 자기 첫 화면과 관리 화면을 가집니다.

문제점

  • 등록기준, 기업진단, 연말결산, 양도매물은 이용 목적과 필요한 데이터가 서로 달라 한 화면 구조를 그대로 재사용하기 어려웠습니다.
  • 기존 DH 홈페이지의 주소와 검색 노출 신호를 유지하면서 서비스명을 DH건설면허길잡이로 바꾸고 화면과 기능을 확장해야 했습니다.
  • 기획·디자인·퍼블리싱·서버를 나눠 맡을 인력이 없어, 사이트가 늘어날수록 한 사람이 감당할 수 있는 방식이어야 했습니다.

담당 업무

  • 서비스별 정보 구조 설계
  • 프론트엔드 구현
  • D1 스키마·조회 API
  • 관리자 기능
  • SEO·배포 구성

해결 과정

  • 사이트마다 핵심 과업을 하나로 정하고 첫 화면을 그 과업에 맞췄습니다. 등록기준 자가진단, 실질자본금 계산, 매물 검색이 각각 첫 화면에서 바로 시작됩니다.
  • DH건설면허길잡이에는 업종별 등록기준 자가진단과 건설칼럼을 배치하고 페이지별 SEO 및 상담 신청 관리 화면을 연결했습니다.
  • 연말결산·잔고증명 사이트는 실질자본금을 30초 안에 가늠하는 간편 계산을 첫 화면에 두고, 정확한 판정은 상담으로 넘겼습니다.
  • 양도양수는 매물 조건 검색, 유사 매물 기반 양도가치 계산, 운영자용 매물 등록·수정을 하나의 데이터 흐름으로 묶었습니다.
  • 공통 레이아웃과 정적 페이지는 재사용합니다. 계속 바뀌는 칼럼·매물·문의 데이터만 Cloudflare D1과 Pages Functions로 분리했습니다.
  • 화면 설계와 코드 작성에 AI를 페어로 썼습니다. 반복되는 레이아웃과 폼은 초안을 빠르게 뽑고, 등록기준·자본금 계산처럼 틀리면 안 되는 로직은 법령 기준으로 직접 검산했습니다.
  • GitHub에 올리면 Cloudflare Pages가 자동으로 빌드·배포합니다. 별도 서버 없이 사이트를 계속 늘릴 수 있는 이유입니다.

주요 결과

  • 두 회사 7개 사이트를 기획·구현·배포까지 단독 구축
  • 등록기준 자가진단, 실질자본금 계산, 조건 검색, 양도가치 계산 등 방문자용 실무 기능 제공
  • SEO, 상담 신청, 매물 데이터를 운영자가 직접 관리하는 내부 화면 구성
  • AI 페어 프로그래밍으로 사이트당 제작 기간을 단축하고, 계산 로직은 법령 기준으로 직접 검증
  • GitHub 푸시 → Cloudflare Pages 자동 배포. 서버 관리 없이 7종을 동시에 운영
INPUT건설면허·진단·결산·양도 데이터
PROCESS서비스별 설계·검색·계산·관리
OUTPUT운영 중인 건설정보 사이트 7종