BIZKET

자영업자를 위한 AI 기반 마케팅 지원 서비스

2025.04 - 2025.05

스위프 프로그램을 통해 진행한 프로젝트입니다. PM 1명, 디자이너 2명, FE 3명, BE 3명으로 구성된 팀에서, 프론트엔드 개발자로 참여하였습니다.
AI 마케팅 문구 생성, SNS 비즈니스 보고서 분석, 검색어 트렌드 파악 등의 기능을 통해 SNS 마케팅 콘텐츠를 효율적으로 제작할 수 있도록 돕는 서비스입니다.
마이페이지, 검색어 트렌드 페이지, 비즈니스 보고서의 그래프, 모달을 맡아 구현하였습니다.
* 현재 서버가 중단된 상태로, 주요 기능을 사용할 수 없습니다.

Next.js
Typescript
Zustand
React Query
tailwindcss

🧩 상세 설명

Confluence, Jira, Discord, GitHub를 통한 협업 환경 경험

  • 회의 내용과 API 문서 등은 Confluence를 통해 팀원 간 공유

  • Jira에서 이슈와 Github 브랜치를 연동하여 커밋, PR 머지 과정을 한눈에 관리할 수 있도록 활용

  • PR 등록 시 Discord Webhook을 통해 실시간 알림을 받아 빠르게 피드백을 주고받음

Feature-Sliced Design(FSD) 패턴을 기반 프로젝트 설계

  • 기능별로 도메인을 나누고 관심사를 분리함으로써 유지보수성과 개발 효율성을 높임

모달 컴포넌트 구현

  • Compound Component 패턴을 활용해, 일관된 디자인을 유지하면서도 모달마다 서로 다른 레이아웃을 유연하게 구성할 수 있도록 구현

  • Portal을 사용하여 모달이 페이지 전체를 가리거나, 부모 요소만 가리도록 prop을 통해 선택적으로 설정 가능하게 함

검색어 트렌드 분석 결과 시각화

  • 월별 관심도, 검색량, 관련 키워드 등 여러 데이터를 useQueries로 병렬 요청하고, 모든 쿼리의 로딩이 완료될 때까지 로딩 UI를 표시

  • 각 항목 쿼리는 Record로 관리하며, 키값 기반 접근이 가능하도록 구조화하여 컴포넌트에서 결과를 직관적으로 사용(ex: results['monthly-interest'])할 수 있도록 설계

  • recharts 라이브러리를 사용하여 결과 데이터를 그래프로 시각화