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 패턴을 활용해, 일관된 디자인을 유지하면서도 모달마다 서로 다른 레이아웃을 유연하게 구성할 수 있도록 공통 컴포넌트 구현

  • prop을 통해 모달이 페이지 전체 또는 부모 요소만 가릴지를 설정할 수 있게 구현

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

  • 월별 관심도, 검색량, 관련 키워드 등 여러 데이터를 useQueries로 병렬로 호출하여 대기 시간 최소화

  • isSomeLoading 변수를 두어 모든 데이터를 일괄 표시 → 사용자의 입장에서 전체 분석 결과를 받았다는 명확한 경험 제공

  • 각 결과를 키 기반으로 매핑하여 코드 가독성과 유지보수성을 높임

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

  • 에러나 데이터 부족 시 경고 UI 및 더미 데이터를 적용하여 차트 UI가 깨지지 않도록 처리하여 일관된 경험 보장