프로젝트 목록
Corporate Website · Static + D1
디에이치건설정보 홈페이지 구축
그누보드 콘텐츠를 정적 사이트로 재구성하고, 계속 쌓이는 건설칼럼과 양도매물은 Cloudflare D1에 옮겨 검색·조회 기능을 붙였습니다.
- Astro
- TypeScript
- Cloudflare D1
- Pages Functions
- SQL
- Cloudflare Pages
양도매물 검색 — D1 조회 API에 조건과 페이지네이션을 넘겨 결과를 그립니다. 
건설칼럼 — 글과 분류를 D1에 두어 재배포 없이 콘텐츠를 늘릴 수 있습니다.
Overview
운영 중인 그누보드 홈페이지를 PHP 런타임 없이 돌아가는 독립 사이트로 옮기고, 정적으로 두기 어려운 콘텐츠만 데이터베이스로 분리한 프로젝트입니다.
문제점
- 공통 화면과 개별 서비스 페이지가 그누보드 전역 변수와 PHP include에 연결되어 있었습니다.
- 기존 주소와 검색 노출 신호를 유지하면서 별도 저장소와 배포 환경으로 분리해야 했습니다.
- 칼럼과 매물처럼 계속 늘어나는 콘텐츠까지 정적 HTML로 두면 글 하나 추가할 때마다 재배포가 필요했습니다.
담당 업무
- 기존 구조 분석
- 정보 구조 설계
- D1 스키마·조회 API
- 프론트엔드 구현
- SEO·배포 구성
해결 과정
- 원본 파일을 보존한 상태에서 페이지, 공통 레이아웃, 자산 의존성을 먼저 분류했습니다.
- Header, Footer, SEO를 공통 컴포넌트로 분리하고 서비스 페이지를 정적 HTML로 생성했습니다.
- 건설칼럼과 양도매물은 Cloudflare D1에 테이블로 옮기고, Pages Functions로 조회 API를 만들어 배포 없이 콘텐츠를 추가할 수 있게 했습니다.
- 매물 검색은 업종·면허종류·지역·시평금액·회사종류 조건과 페이지네이션을 API 파라미터로 처리했습니다.
- 기존 주소를 신규 주소로 연결하는 301 규칙과 페이지별 metadata, sitemap, robots를 구성했습니다.
주요 결과
- 정적 배포와 D1 조회를 함께 쓰는 하이브리드 구조
- 누적 1.4만 건 규모의 양도매물을 조건별로 좁혀 찾는 검색 화면
- 카테고리 필터를 갖춘 건설칼럼 목록과 상세 페이지
- GitHub 변경 이력과 Cloudflare Pages 자동 배포 기반
INPUT그누보드 콘텐츠·매물 데이터
PROCESS정적 재구성 + D1 조회 API
OUTPUT검색 가능한 기업 홈페이지