플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 매체사마다 상이한 postback URL 형식과 인증 파라미터를 단일 파이프라인으로 처리하는 추상화 설계 - CSV 업로드 시 기존 미션 데이터와의 충돌 감지 및 Upsert 트랜잭션 롤백 전략 구현 - OX·객관식·이미지 선택 등 유형별로 다른 JSON 구조를 단일 JSONB 컬럼으로 저장하면서 서버·클라이언트 양측 검증 유지 - 모바일 웹 랜딩 페이지에서 리워드
프로젝트 성과
계층형 광고 데이터 모델 설계
광고주→캠페인→미션→퀴즈 4계층 관계를 Prisma 스키마로 설계하고 JSONB 동적 필드를 혼합하여 확장 가능한 구조를 구현
CSV 일괄 Upsert 파이프라인 구현
Multer·csv-parse·Prisma 트랜잭션을 조합하여 광고주별 미션 수백 건을 원자적으로 등록·갱신하는 파이프라인 구축
JSONB 기반 다형 퀴즈 스키마 구현
OX·객관식·이미지·빈칸 4종 퀴즈 유형을 PostgreSQL JSONB 컬럼에 저장하여 DB 컬럼 추가 없이 유형 확장 가능한 구조 구현
매체사 Postback 감사 로그 구조 구현
axios interceptor로 매체사별 요청 템플릿을 추상화하고 요청·응답 전문을 PostgreSQL에 기록하는 감사 로그 테이블 설계
모바일 웹 퀴즈 인터랙션 UI 구현
375px 뷰포트 기준 CSS 미디어 쿼리와 React 상태 머신으로 문제 전환·정답 애니메이션·완료 화면 흐름을 구현
핵심 기능
미션·퀴즈 관리 대시보드
광고주별 캠페인·미션·퀴즈를 등록·수정·삭제할 수 있는 통합 관리 화면입니다. React 기반 SPA로 구현하며, 광고주·미션·퀴즈 데이터를 계층 구조로 Prisma ORM을 통해 PostgreSQL에 저장합니다
진행 단계
요구사항 분석 및 DB 설계
2026.03.
광고주·캠페인·미션·퀴즈 계층 구조 ERD 설계 및 postback 연동 명세 정의
프로젝트 상세
1) 포트폴리오 소개 리워드 앱 매체(캐시슬라이드·캐시워크 등)와 연동되는 미션·퀴즈 광고 랜딩 페이지 및 관리 대시보드를 Node.js/Express와 React 기반으로 설계·구현할 예정입니다. 광고주별 미션 등록·수정·CSV 일괄 업로드 기능과 매체사 postback 자동 연동 파이프라인을 구축하며, 모바일 웹 환경에 최적화된 퀴즈 인터랙션 UI를 설계할 예정입니다. 2) 작업 범위 - 미션·퀴
