안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
[구현 데모] 조달 물품 디지털 카탈로그 반응형 웹 — 제품 카탈로그 조회 · 수요기관 정보 조회
개발 · 디자인 · 기획
SaaSㆍ솔루션, 통계ㆍ대시보드, 홈페이지ㆍ게시판
프로젝트 배경
1) 예상 리스크 및 대응 계획 - 조달 품목 대분류·중분류·소분류 계층 구조를 반영한 카테고리 필터 + 검색 조합 쿼리 동적 빌더 설계 필요 - 공공기관 메일 서버의 스팸 필터 정책이 기관마다 달라 SMTP 릴레이 설정 및 SPF/DKIM 서명 전략 수립 필요 - 수요기관·공급기업 양방향 문의 폼에서 문의 유형별 수신처 라우팅 및 이메일 템플릿 분기 로직 설계 필요 - 제품 카탈로그 이미지 대량 로딩
프로젝트 성과
카테고리 계층 구조 CTE 쿼리 설계
PostgreSQL 재귀 CTE로 무제한 깊이의 조달 품목 분류 트리를 단일 쿼리로 조회 설계, 카테고리 경로 자동 생성 함수 구현
한국어 통합 검색 엔진 구현
PostgreSQL Full-Text Search + ILIKE 조합으로 제품·기업·기관 3개 도메인 통합 검색 설계, ts_headline로 결과 내 하이라이팅 구현
공공기관 SMTP 이메일 연동 설계
Nodemailer에 DKIM 서명·SPF 정책 설정을 적용하여 공공기관 메일 서버 스팸 필터 우회 구조를 구현, 발송 실패 시 재시도 로직 설계
문의 폼 유효성 검사 체계 구축
React Hook Form + Zod 스키마로 이메일·전화번호·필수 항목 12개 규칙 구현, 중복 제출 방지 및 낙관적 UI 피드백 패턴 적용
핵심 기능
제품 카탈로그 조회
카테고리별 분류 필터와 썸네일 카드 그리드로 조달 물품을 탐색하고, 제품 상세 페이지에서 스펙·이미지·공급기업 정보를 디지털 카탈로그 형식으로 확인합니다
진행 단계
조달 도메인 분석 및 DB 스키마 설계
2026.04
수요기관·공급기업·제품 카탈로그 관계 분석, PostgreSQL 테이블 14개 정의, 카테고리 계층 구조 CTE 설계
프로젝트 상세
1) 포트폴리오 소개 공공기관·수요기관 담당자를 위한 조달 물품 디지털 카탈로그 반응형 웹 플랫폼을 React 18 + Node.js/Express + PostgreSQL 기반으로 설계·구현합니다. 제품 카탈로그 조회, 수요기관 정보 탐색, 통합 검색, 공급기업/수요기관 문의 폼 + SMTP 이메일 발송을 포함한 MVP 데모입니다. 2) 작업 범위 - 제품 카탈로그 조회: 카테고리별 분류 필터와 썸네

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

fi******
개발 · 법인사업자

프로젝트 정보

참여 기간
2026.04. ~ 2026.04.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
역할
풀스택 개발 (기여도 100%)
관련 기술
TypeScript
React Hook Form
react 18
React Query
Zod
Tailwind CSS