플러스프로젝트 배경
1) 문제점 국내 제조 중소기업 다수가 워드프레스 기반 노후 사이트를 운영하며 모바일 미대응· 다국어 미지원 상태입니다. CMS가 없어 신제품·공지·채용 컨텐츠 갱신 시마다 외주에 의존하고, QnA·문의가 비공개 메일로 흩어져 누락되는 구조입니다. 결과적으로 글로벌 바이어 유입 차단, 신제품 출시 안내 지연, 채용 응답률 저하 등 직접적인 영업 기회 손실로 이어집니다. 2) 프로젝트 목표
프로젝트 성과
전체 기능 완전 구현
공개 페이지 7종·관리자 CMS 9종·REST API 5종·제품 40개(6카테고리)를
누락 없이 100% 구현 완료. TypeScript strict 모드 오류 0건 달성.
누락 없이 100% 구현 완료. TypeScript strict 모드 오류 0건 달성.
다국어·반응형 완전 지원
next-intl 기반 ko/en 다국어 커버리지 100%, 4개 브레이크포인트
(320·672·1056·1312px) 전 페이지 PC·모바일 반응형 대응 완료.
(320·672·1056·1312px) 전 페이지 PC·모바일 반응형 대응 완료.
외주 의존 0% 운영 체계 확립
Tiptap 에디터 + 관리자 CMS 9종 구축으로 비기술 담당자가 신제품·공지·
채용 컨텐츠를 외주 없이 직접 갱신 가능한 구조 완성.
채용 컨텐츠를 외주 없이 직접 갱신 가능한 구조 완성.
엔터프라이즈 디자인 시스템 이식
IBM Carbon Design System 토큰 50개 이상을 Tailwind v4 @theme에 직접
이식. DESIGN.md 단일 출처로 컴포넌트 간 디자인 드리프트 0건 달성.
이식. DESIGN.md 단일 출처로 컴포넌트 간 디자인 드리프트 0건 달성.
핵심 기능
자체 관리자 CMS 9종 CRUD
비기술 담당자가 외주 없이 신제품·뉴스·공지·채용·QnA 컨텐츠를 직접 등록·수정·
삭제할 수 있는 관리자 대시보드. 이미지 자동 최적화 및 RichText 에디터 내장.
삭제할 수 있는 관리자 대시보드. 이미지 자동 최적화 및 RichText 에디터 내장.
진행 단계
기획 및 설계
2026.04.
페이지 구성 기획(공개 7종·관리자 9종), Prisma 스키마 설계, REST API 엔드포인트
정의. 기술 스택 검토(WordPress·Webflow·Next.js 비교) 및 Carbon 토큰 이식
정의. 기술 스택 검토(WordPress·Webflow·Next.js 비교) 및 Carbon 토큰 이식
프로젝트 상세
1) 포트폴리오 소개 B2B 제조 중소기업을 위한 다국어 공식 홈페이지와 자체 CMS를 Next.js 15 풀스택으로 구축한 프로젝트입니다. 기존 워드프레스 기반 노후 사이트의 한계(다국어 미지원, 모바일 미대응, 컨텐츠 갱신 외주 의존)를 완전히 해소하는 것이 목표였습니다. 공개 페이지 7종과 관리자 CMS 9종을 완전 구현했으며, 한국어·영어 다국어 100% 커버, 전 페이지 PC/모바일
