플러스프로젝트 배경
1) 문제점 - PostgreSQL JSONB 다국어 컬럼과 관계형 외래키 간 조인 쿼리에서 GIN 인덱스와 B-tree 인덱스를 혼합 적용하여 다국어 검색 성능을 확보하는 인덱싱 전략 설계 필요 - 6개 카테고리 40종 제품의 계층 트리에서 카테고리 이동/삭제 시 하위 제품의 소속 갱신과 순서 재정렬을 단일 트랜잭션으로 처리하는 재귀 CTE 업데이트 쿼리 설계 필요 - 관리자 CMS와 퍼블릭 사이트가
프로젝트 성과
PostgreSQL 재귀 CTE 기반 계층형 카테고리 트리 설계
6개 대분류와 40종 제품을 관리하는 자기 참조 관계 모델을 Prisma ORM으로 구현하고, 재귀 CTE 쿼리로 트리 전체 조회 및 부분 트리 탐색 기능 설계
JSONB 기반 다국어 병렬 데이터 모델 구축
한국어·영어 콘텐츠를 단일 레코드 JSONB 컬럼으로 구조화하여 번역 데이터 정합성을 유지하고, GIN 인덱스로 언어별 검색 최적화를 적용한 다국어 데이터 아키텍처 설계
게시판 3종 통합 CMS 단일 라우터 아키텍처 설계
뉴스/공지/QnA를 boardType 파라미터로 분기하는 단일 Express 라우터 구조로 통합, React 컴포넌트 트리에서도 타입 prop으로 UI를 분기하여 코드 중복 최소화
S3 Presigned URL 기반 제품 이미지 관리 시스템 구현
Multer 멀티파트 + S3 Presigned URL 방식으로 제품별 최대 10장 이미지 업로드 구현, 드래그 순서 편집 UI와 업로드 실패 시 트랜잭션 롤백 로직 설계
Side-by-side 다국어 에디터 UI 구현
CSS Grid 2열 분할 에디터에서 한국어/영어 콘텐츠를 나란히 편집하고, 필드별 번역 완료율 프로그레스 바로 번역 진행 상황을 시각화하는 i18n 관리 인터페이스 설계
핵심 기능
관리자 대시보드
제품 현황 및 게시판 통계를 한눈에 확인하는 KPI 대시보드. 카테고리별 제품 등록 현황 차트, 게시판 3종 최근 게시물 위젯, 방문자 요약 KPI 카드를 포함한 대시보드 구현
진행 단계
제품 카탈로그 DB 스키마 및 계층 카테고리 설계
2024.09.
6개 카테고리 40종 제품의 자기 참조 계층 구조, 게시판 3종 스키마, 다국어 JSONB 컬럼 등 PostgreSQL 9개 테이블 정의 및 Prisma ORM 모델 작성
프로젝트 상세
1) 포트폴리오 소개 산업용 부품·자재를 제조·유통하는 B2B 기업의 공식 홈페이지와 관리자 CMS를 신규 구축한 프로젝트로, 6개 카테고리 40종 제품 카탈로그 관리, 뉴스/공지/QnA 3종 게시판 CMS, 한/영 다국어 콘텐츠 병렬 에디터, PC/모바일 반응형 레이아웃을 포함한 풀스택 시스템을 React + Node.js + Express + PostgreSQL 기반으로 설계·구현했습니다. 2) 작
