프로젝트 배경
1) 예상 리스크 및 대응 계획 - 제품 카테고리 계층 구조(대분류-중분류)를 Prisma self-relation으로 모델링하면서 재귀 조회를 효율적으로 처리하는 쿼리 설계 - React-Quill 이미지 업로드 핸들러를 커스터마이징하여 Base64 대신 서버 업로드 후 URL 삽입 방식으로 전환하는 구현 - 어드민과 홈페이지가 동일 백엔드를 공유하면서 공개 API와 인증 API를 Express 미들웨
프로젝트 성과
제품 카탈로그 필터·검색 URL 동기화 구현
카테고리 다중 필터와 키워드 검색이 URL 쿼리스트링과 동기화되는 구조를 설계하여 북마크·공유 가능한 제품 탐색 UX를 구현할 예정
문의 접수 자동화 파이프라인 설계
고객 문의 제출 시 DB 저장 → 담당자 이메일 알림 → 고객 자동 답신까지 단일 API에서 처리하는 파이프라인을 구현할 예정
React-Quill 리치텍스트 에디터 이미지 업로드 커스터마이징
Base64 저장 대신 서버 업로드 후 URL 삽입 방식으로 전환하는 커스텀 이미지 핸들러를 구현할 예정
JWT 이중 토큰 관리자 인증 구조 적용
액세스 토큰 + 리프레시 토큰 이중 구조로 인증 시스템을 설계하고 React Router 가드로 비인가 접근 차단 로직을 구현할 예정
핵심 기능
진행 단계
요구사항 분석 및 Prisma DB 설계
2026.03.
레퍼런스 분석, 제품-카테고리-문의 관계형 스키마 설계 및 Prisma 마이그레이션 구성
프로젝트 상세
1) 포트폴리오 소개 특수 소재 제조 기업의 브랜드 신뢰도 강화를 위한 공식 홈페이지와 콘텐츠 관리 어드민을 React + Node.js + PostgreSQL로 설계·구현할 예정. 메인 브랜딩 페이지, 제품 카탈로그, 고객 문의 시스템, 관리자 CRUD 대시보드를 포함한 풀스택 시스템을 구축할 예정. 2) 작업 범위 - 브랜드 메인 페이지: 기업 아이덴티티를 전달하는 히어로 섹션, 핵심 역량 카드,







