플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 세무 분야(법인세·부가세·종합소득세·세무조사)별 성공사례를 계층적으로 분류·관리하는 태그 및 카테고리 DB 구조 설계 필요 - 리치 텍스트 에디터 본문 내 이미지 삽입과 S3 업로드를 연결하는 클라이언트 사이드 파이프라인 설계 필요 - Next.js SSR 환경에서 React Query 초기 데이터 프리페칭과 클라이언트 하이드레이션 불일치 방지 구조 설계 필요 - 상
프로젝트 성과
PostgreSQL 전문 검색 인덱스 설계
tsvector/tsquery 기반 성공사례 한국어 전문 검색 구현, GIN 인덱스 적용으로 대용량 텍스트 컬럼 검색 쿼리 최적화 설계
다단계 상담 폼 유효성 검증 구조 구축
React Hook Form과 Zod 스키마를 결합한 12개 필드 유효성 규칙 정의, 단계별 조건부 렌더링 및 에러 핸들링 패턴 설계
AWS S3 Presigned URL 이미지 업로드 파이프라인 구현
클라이언트→S3 직접 업로드 방식으로 서버 부하 없는 이미지 처리 구조 설계, Sharp 기반 리사이징 Lambda 트리거 연동
Next.js App Router 기반 SSR 메타데이터 관리 설계
generateMetadata 함수로 페이지별 동적 title·description·OG 태그 자동 생성, 성공사례 상세 페이지 소셜 공유 미리보기 지원 구현
Tiptap 리치 에디터 커스텀 확장 구현
15종 편집 툴바 커스터마이징, 이미지 드래그앤드롭 + S3 업로드 연동, 성공사례 본문 HTML 직렬화·역직렬화 구조 설계
핵심 기능
법인 소개 및 서비스 메인
세무법인 메인 페이지: 전문 분야 히어로, 주요 서비스 카드, 세무사 소개, 상담 CTA 섹션. Next.js App Router 기반 SSR 구성, 메인 히어로 애니메이션, 서비스 영역별 카드 그리드
진행 단계
도메인 분석 및 콘텐츠 구조 설계
2026.03.
세무 서비스 카테고리 분류, 성공사례 데이터 모델 정의, PostgreSQL 테이블 14개 ERD 설계 및 관계 매핑
프로젝트 상세
1) 포트폴리오 소개 세무·회계 전문 법인의 온라인 서비스 홈페이지를 React + Node.js 기반으로 설계·구현할 예정. 세무 분야별 서비스 안내, 세금 절세 성공사례 CRUD, 온라인 세무 상담 신청 폼, 사례 관리용 CMS 어드민을 포함한 풀스택 웹서비스 구축. 2) 작업 범위 - 법인 소개 및 서비스 메인: 세무법인 메인 페이지: 전문 분야 히어로, 주요 서비스 카드, 세무사 소개, 상담
