← 포트폴리오 목록

탭사주 브랜드 운영 콘솔

다수의 매장·제품 라인에 발급된 NFC 칩을 통합 관리하고, 오늘의 운세·신년운세 등 시점별 콘텐츠의 발행 일정과 4개 언어 번역 검수, 이용 패턴 분석까지 지원하는 브랜드 운영 콘솔을 React + Node.js 기반으로 설계·구현합니다.

칩-매장-제품 다대다 매핑 구조 설계PostgreSQL 다대다 스키마와 Prisma 트랜잭션으로 CSV 일괄 등록을 원자적으로 처리하는 구조를 구현합니다.
번역 버전 관리 워크플로우 구축AI 번역 초안과 사람 검수 승인본을 분리 저장하는 버전 관리 테이블과 승인 상태 배지 UI를 설계합니다.
이용 패턴 집계 분석 화면 구현Materialized View 기반 일별 집계와 Recharts 시각화로 매장·언어별 이용 추이를 확인하는 구조를 구축합니다.
서비스 타입Web
업종플랫폼
기술 스택
ReactTypeScriptTailwind CSSNode.jsExpressPostgreSQLPrismaRedisRecharts
주요 기능
  • NFC 칩 다중 등록 관리
  • 다국어 콘텐츠 관리
  • 운세 콘텐츠 스케줄 관리
  • 운세 히스토리 분석
Overview

프로젝트 개요

범위: 개발, 디자인, 기획
다수의 매장·제품 라인에 발급된 NFC 칩을 통합 관리하고, 오늘의 운세·신년운세 등 시점별 콘텐츠의 발행 일정과 4개 언어 번역 검수, 이용 패턴 분석까지 지원하는 브랜드 운영 콘솔을 React + Node.js 기반으로 설계·구현합니다.
탭사주 브랜드 운영 콘솔
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

매장·제품 라인이 늘어날수록 칩-콘텐츠 매핑 데이터가 커져

인덱싱 전략과 페이지네이션 설계가 필요합니다

AI 번역 초안과 사람 검수본이 뒤섞이지 않

버전 관리와 승인 상태를 명확히 구분하는 데이터 모델 설계가 필요합니다

오늘의 운세 자동 갱신과 신년운세 기간 한정 노출이 동시에 겹치는 시점의 콘텐츠 우선순위 규칙을 정의할 필요가 있습니다

매장별 이용 패턴 집계 시 Materialized View 갱신 주기와 실시간성 사이의 균형을 설계할 필요가 있습니다

구현 내용

핵심 기능 상세

핵심 기능 1

NFC 칩 다중 등록 관리

브랜드사가 매장·제품 라인별로 발급한 다수의 NFC 칩을 등록하고, 각 칩에 연결된 랜딩 URL과 상태를 한 화면에서 관리합니다
NFC 칩 다중 등록 관리
핵심 기능 2

다국어 콘텐츠 관리

운세 결과 문구·UI 텍스트를 언어별로 검수·수정할 수 있는 콘텐츠 관리 화면을 제공합니다. AI 번역 결과를 초안으로 불러와 관리자가 언어별로 직접 수정·승인하는 검수 워크플로우를 구현합니다
다국어 콘텐츠 관리
핵심 기능 3

운세 콘텐츠 스케줄 관리

오늘의 운세(일단위 갱신)와 신년운세 등 시점별 콘텐츠의 발행 일정을 등록·관리합니다. Cron 기반 스케줄러로 일단위 콘텐츠를 자동 갱신하고, 신년운세 같은 특수 콘텐츠는 지정 기간에만 노출되도록 제어합니다
운세 콘텐츠 스케줄 관리
핵심 기능 4

운세 히스토리 분석

사용자별 조회 이력과 인기 콘텐츠 유형을 집계해 매장/제품 라인별 이용 패턴을 확인합니다. 조회 로그를 일별로 집계하는 Materialized View를 구성해 매장별 태그 횟수와 인기 운세 카테고리를 시각화합니다
운세 히스토리 분석
구현 과정

프로젝트 진행 단계

STEP 1

칩-매장-제품 매핑 스키마 및 등록 API 설계

다대다 매핑 스키마와 CSV 일괄 등록 트랜잭션 로직을 설계·구현합니다.

STEP 2

다국어 콘텐츠 관리 및 승인 워크플로우 개발

번역 버전 관리 테이블과 인라인 편집·승인 상태 UI를 구현합니다.

STEP 3

운세 콘텐츠 스케줄러 구축

node-cron 기반 일단위 자동 갱신과 기간 한정 콘텐츠 노출 제어 로직을 구현합니다.

STEP 4

이용 패턴 분석 화면 및 통합 테스트

Materialized View 집계, Recharts 시각화, CSV 내보내기를 구현하고 콘솔 전체 통합 테스트를 진행합니다.

프로젝트 성과

주요 성과

칩-매장-제품 다대다 매핑 구조 설계PostgreSQL 다대다 스키마와 Prisma 트랜잭션으로 CSV 일괄 등록을 원자적으로 처리하는 구조를 구현합니다.
번역 버전 관리 워크플로우 구축AI 번역 초안과 사람 검수 승인본을 분리 저장하는 버전 관리 테이블과 승인 상태 배지 UI를 설계합니다.
이용 패턴 집계 분석 화면 구현Materialized View 기반 일별 집계와 Recharts 시각화로 매장·언어별 이용 추이를 확인하는 구조를 구축합니다.
Review

기술적 주안점

  • 칩 UID 기반 다대다 매핑 구조를 설계해 다수의 매장과 제품 라인을 하나의 콘솔에서 관리할 수 있는 구조를 구현합니다
  • AI 번역 초안과 사람 검수 승인본을 분리 관리하는 버전 관리 구조를 구현해 4개 언어 콘텐츠 품질을 지속적으로 통제합니다
  • Cron 배치와 기간 필드를 결합해 상시 콘텐츠와 시즌 한정 콘텐츠를 동일 콘솔에서 자동 관리하는 스케줄링 구조를 구현합니다

유사한 프로젝트를 기획하고 계신가요?

FIRSTPIP이 개발 범위와 로드맵을 함께 정리해드립니다

무료 상담 시작하기