플러스프로젝트 배경
1) 문제점 컨설팅 기업의 홈페이지는 회사 소개 이상의 역할을 합니다. 정부지원사업 선정 실적과 파트너 이력이 곧 영업 자료이고, 이 내용은 수시로 갱신됩니다. 그런데 콘텐츠가 컴포넌트 코드 안에 흩어져 있으면 실적 한 건을 추가할 때마다 어느 파일을 고쳐야 하는지 찾아야 하고, 모바일과 데스크톱의 문구·줄바꿈이 다른 페이지에서는 수정 지점이 두 배가 됩니다. 2) 해결 방향 콘텐츠를 _dat
프로젝트 성과
1년 7개월 지속 운영 중인 기업 홈페이지 구축
실적·소식 콘텐츠를 계속 반영. 가장 최근 업데이트는 2026.08. 소규모 사업장 노후 안전시설 개선 지원사업 선정 실적입니다.
콘텐츠 분리 구조로 운영 비용 절감
회사 소개·연혁·사업 영역·실적·파트너·채용·소식 7개 섹션의 콘텐츠를 데이터 레이어로 분리. 실적이나 소식 추가 시 데이터 파일만 수정하면 되어 유지보수 지점이 명확합니다.
문의 접수 전 구간 구현
React Hook Form 검증과 Nodemailer 메일 발송 API 라우트를 연결해, 별도 백엔드 서버 없이 문의 접수 → 담당자 메일 전달 흐름을 완성했습니다.
반응형 문구·레이아웃 이원 관리 체계
모바일과 데스크톱의 문구·줄바꿈이 다른 페이지들을 react-responsive 분기와 styled-components 테마로 관리. 두 버전 텍스트를 같은 위치에 두어 한쪽만 수정되는 불일치를 방지했습니다.
핵심 기능
데이터 분리형 콘텐츠 구조
실적·소식·파트너 등 자주 갱신되는 콘텐츠를 _data 레이어로 분리하고 페이지는 렌더링만 담당합니다. 상세 페이지군은 (Detail) 라우트 그룹으로 묶어 공통 레이아웃을 적용했습니다.
진행 단계
구축
2025.02.
Next.js App Router 기반 사이트 구조 설계, 디렉터리 규약 수립, 회사·사업·실적·파트너·채용·소식 섹션 구현, 반응형 퍼블리싱.
프로젝트 상세
1) 포트폴리오 소개 중소·중견기업 대상 컨설팅 기업의 공식 홈페이지입니다. 회사 소개·연혁·사업 영역(정부지원사업·구독형 서비스 등)·실적·파트너·인재채용·소식 섹션으로 구성했으며, Next.js 15 App Router와 styled-components 기반으로 구축했습니다. 구축 이후에도 정부지원사업 선정 실적과 소식 콘텐츠를 계속 반영하며 운영 중이고, 누적 커밋 103회입니다. 2) 작업
