플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 약 20페이지 규모의 매거진형 화면 간 카드·타이포 컴포넌트 일관성을 유지하는 디자인 시스템 구축이 필요합니다. - 기존 URL 구조에서 신규 매거진 URL 체계로 전환 시 트래픽 유실을 방지하는 301 리다이렉트 매핑 전략 설계가 필요합니다. - Article Schema.org 구조화 데이터를 다양한 기사 유형(인터뷰/리뷰/큐레이션)에 맞게 확장 가능한 스키마로 설
프로젝트 성과
매거진 피드 컴포넌트 재사용 체계 구축
카드형 기사 컴포넌트를 홈·카테고리·검색·저자 페이지에서 재사용하는 Compound Component 패턴 설계
SEO 구조화 데이터 자동 삽입 구조 설계
Article/BreadcrumbList JSON-LD를 서버 렌더링 시점에 자동 생성하는 미들웨어 구현
301 리다이렉트 매핑 검증 로직 구현
구URL 목록을 신규 URL과 매핑하는 테이블 설계, 순환 참조·중복 규칙 사전 검증 로직 적용
제휴 문의 알림 파이프라인 구축
폼 제출부터 서버 검증, 이메일·Slack Webhook 발송까지 단일 흐름으로 연결하는 알림 구조 설계
핵심 기능
매거진 홈 & 기사 피드
여가·라이프스타일 기사를 타임라인 형태의 피드로 노출하는 매거진 홈 화면을 제공합니다. 카테고리 필터 chip과 상단 sticky 검색 바로 원하는 콘텐츠를 빠르게 찾을 수 있습니다
진행 단계
매거진 IA 설계 및 DB 스키마 정의
2026.09
기사·카테고리·저자 테이블 설계, 기존 CMS 데이터 마이그레이션 매핑 정의
프로젝트 상세
1) 포트폴리오 소개 여가·라이프스타일 콘텐츠 미디어를 매거진형 UI/UX로 전면 리뉴얼하는 맞춤 MVP를 구현합니다. 기사 피드형 홈, 기사 상세, 카테고리·검색, 저자 프로필, 비즈니스/에디터 소개, 제휴 문의 폼까지 약 20페이지 규모의 반응형 화면을 Next.js와 Node.js 기반으로 설계하며, Article Schema.org 구조화 데이터와 301 리다이렉트 매핑을 포함한 SEO 최적화 구조를
