SoriSae UX Dashboard

🎧 감정 기반 음악 앱 SoriSae의 사용자 행동 분석 및 KPI 시각화 프로젝트입니다.

📊 주요 기능

감정 선택, 음악 생성, 공유 행동 등 UX KPI 시각화
Looker Studio 기반 대시보드 구성
KPI 변화 감지 자동화 (이메일/Slack 알림)
스프린트 회고용 요약 카드 템플릿 제공

📁 디렉토리 설명

폴더	설명
`scripts/`	Google Apps Script 기반 KPI 변화 알림 코드
`notebooks/`	Python 기반 KPI 시각화 노트북
`queries/`	BigQuery용 SQL 쿼리 예시
`docs/`	Looker Studio 구성 가이드
`assets/`	대시보드 목업 이미지

⚙️ 사용 기술

Google Looker Studio
Firebase + BigQuery
Google Sheets
Python (matplotlib, seaborn)
Google Apps Script
Slack Webhook

🚀 실행 방법

notebooks/kpi_visualization.ipynb 실행 → KPI 시각화 확인
scripts/kpi_alert_email.gs 또는 kpi_alert_slack.gs → 트리거 설정
docs/lookerstudio_guide.md 참고 → 대시보드 구성
assets/dashboard_mockup.png → 디자인 참고

📄 보고서 예시

KPI 변화 이력 꺾은선 그래프
사용자 행동 분석 요약 카드
감정별 반응 및 이탈률 분석

📬 알림 자동화

KPI 변화 감지 시 이메일 또는 Slack으로 알림 전송
Webhook URL은 .env 또는 설정 파일로 분리 권장

📜 라이선스

MIT License

문의: 119cash@naver.com

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
- UI에서 감정별 테마 색상 적용.txt		- UI에서 감정별 테마 색상 적용.txt
.env.example.txt		.env.example.txt
.env.txt		.env.txt
.gitignore.txt		.gitignore.txt
1. 데이터베이스 테이블 설계 (예 PostgreSQL 기준).txt		1. 데이터베이스 테이블 설계 (예 PostgreSQL 기준).txt
1항 감정 챌린지 UI 와이어프레임.txt		1항 감정 챌린지 UI 와이어프레임.txt
3️⃣ 합창 참여 기능 – UX 설계.txt		3️⃣ 합창 참여 기능 – UX 설계.txt
A UI wireframe for a.png		A UI wireframe for a.png
A UI wireframe for a_1.png		A UI wireframe for a_1.png
A,B 테스트 결과 시각화.png		A,B 테스트 결과 시각화.png
A_B 테스트 설계.png		A_B 테스트 설계.png
App.Tsx.txt		App.Tsx.txt
App.tsx.txt		App.tsx.txt
BigQuery 테이블 설계.txt		BigQuery 테이블 설계.txt
BigQuery 테이블 연결 구조.png		BigQuery 테이블 연결 구조.png
EmoChorus 전체 서비스 플로우 (ASCII 와이어프레임).txt		EmoChorus 전체 서비스 플로우 (ASCII 와이어프레임).txt
EmoChorus 클래스모듈 설계도.txt		EmoChorus 클래스모듈 설계도.txt
EmoChorus 프로그램 아키텍처 개요.txt		EmoChorus 프로그램 아키텍처 개요.txt
EmoChorus 프로그램의 실제 배.png		EmoChorus 프로그램의 실제 배.png
EmotionTheme.ts.txt		EmotionTheme.ts.txt
GitHub 초기 커밋 메시지 구성.txt		GitHub 초기 커밋 메시지 구성.txt
GitHub 초기 커밋 메시지.txt		GitHub 초기 커밋 메시지.txt
GitHub 템플릿 리포지토리 생성.png		GitHub 템플릿 리포지토리 생성.png
GitHub에 커밋.txt		GitHub에 커밋.txt
Grafana 대시보드 JSON.txt		Grafana 대시보드 JSON.txt
IAM 권한 설정 예시.txt		IAM 권한 설정 예시.txt
Javascript.txt		Javascript.txt
Looker Studio Tableau 대시보드 설계.txt		Looker Studio Tableau 대시보드 설계.txt
Looker Studio 대시보드 구성.png		Looker Studio 대시보드 구성.png
Looker Studio 대시보드 구성.txt		Looker Studio 대시보드 구성.txt
MVP 개발 & 출시 로드맵 요약.txt		MVP 개발 & 출시 로드맵 요약.txt
MVP 핵심 성과 지표 (KPI).txt		MVP 핵심 성과 지표 (KPI).txt
Python 코드 뼈대 예시.txt		Python 코드 뼈대 예시.txt
Python 통합 파이프라인.txt		Python 통합 파이프라인.txt
README.md		README.md
README.md.txt		README.md.txt
React 컴포넌트 구조 설계.png		React 컴포넌트 구조 설계.png
React 컴포넌트 구조 설계_사용자 여정.txt		React 컴포넌트 구조 설계_사용자 여정.txt
SQL 쿼리 예시와 함께 구성 시트.png		SQL 쿼리 예시와 함께 구성 시트.png
Tsx.txt		Tsx.txt
UI + 추천 결과 통합 화면 와이어프레임.png		UI + 추천 결과 통합 화면 와이어프레임.png
UI에서 감정별 테마 색상 적용.png		UI에서 감정별 테마 색상 적용.png
backend routes songRoutes.js.txt		backend routes songRoutes.js.txt
backend services musicGenerator.js.txt		backend services musicGenerator.js.txt
docs security_and_collaboration.md 위치.txt		docs security_and_collaboration.md 위치.txt
emochorus 핵심 프로그램 흐름.txt		emochorus 핵심 프로그램 흐름.txt
figma디자인.txt		figma디자인.txt
github,workfiows,deploy.yml.txt		github,workfiows,deploy.yml.txt
javascript.txt		javascript.txt
js.txt		js.txt
markdown.txt		markdown.txt
musicGenerator.js.txt		musicGenerator.js.txt
scripts kpi_alert_email.gs.txt		scripts kpi_alert_email.gs.txt
scripts kpi_alert_slack.gs.txt		scripts kpi_alert_slack.gs.txt
sql.txt		sql.txt
감정 입력 → 음악 생성 흐름.txt		감정 입력 → 음악 생성 흐름.txt
감정 입력 단계 UI_UX 흐름.txt		감정 입력 단계 UI_UX 흐름.txt
감정 입력 단계.txt		감정 입력 단계.txt
감정 입력 방식 다양화 – 상세 설계.txt		감정 입력 방식 다양화 – 상세 설계.txt
감정기반음악.png		감정기반음악.png
감정별 음악 스타일 커스터마이징.txt		감정별 음악 스타일 커스터마이징.txt
개발로드맵.png		개발로드맵.png
기획안.txt		기획안.txt
다음 단계 제안 사용자 여정 리타겟팅 전략.txt		다음 단계 제안 사용자 여정 리타겟팅 전략.txt
대시보드 필터 설계 (날짜, 감정, 챌린지별).txt		대시보드 필터 설계 (날짜, 감정, 챌린지별).txt
대시보드 필터 설계.png		대시보드 필터 설계.png
보안 가이드 및 협업 규칙 문서화.txt		보안 가이드 및 협업 규칙 문서화.txt
브랜치 전략 (, , ) 구성.txt		브랜치 전략 (, , ) 구성.txt
사용자 경험(UX) 확장.txt		사용자 경험(UX) 확장.txt
사용자 여정 맵 요약.txt		사용자 여정 맵 요약.txt
사용자 여정맵.png		사용자 여정맵.png
사용자 행동 기반 데이터 로그 설계.txt		사용자 행동 기반 데이터 로그 설계.txt
사용자 행동 로그 스키마 (JSON.txt		사용자 행동 로그 스키마 (JSON.txt
사용자시나리오.png		사용자시나리오.png
실제 GitHub 템플릿 리포지토리 생성.png		실제 GitHub 템플릿 리포지토리 생성.png
실제 Looker Studio 대시보드 레이아웃 이미지.png		실제 Looker Studio 대시보드 레이아웃 이미지.png
실제 ui 와이어프레임 이미지.txt		실제 ui 와이어프레임 이미지.txt
실제 배포 구조(예 서버, 클라우드, DB, 스토리지 포함 아키텍처 다이어그램)를.txt		실제 배포 구조(예 서버, 클라우드, DB, 스토리지 포함 아키텍처 다이어그램)를.txt
실제 보고서 구조 설계.txt		실제 보고서 구조 설계.txt
실제 보고서 템플릿 복제 링크 생성.txt		실제 보고서 템플릿 복제 링크 생성.txt
실제 보고서 템플릿 생성.png		실제 보고서 템플릿 생성.png
실제 보고서 템플릿 생성.txt		실제 보고서 템플릿 생성.txt
실제 운영 모니터링 대시보드(예 Grafana, Kibana) 구성.txt		실제 운영 모니터링 대시보드(예 Grafana, Kibana) 구성.txt
실제 카드 템플릿 생성.png		실제 카드 템플릿 생성.png
실제 카드 템플릿 생성.txt		실제 카드 템플릿 생성.txt
실제 코도 파일 생성.txt		실제 코도 파일 생성.txt
실제 코드 템플릿 구성.txt		실제 코드 템플릿 구성.txt
와이어프레임.txt		와이어프레임.txt
운영 시나리오 예시.txt		운영 시나리오 예시.txt
운영 핸드북 (Incident Response Runbook) 체크리스트.txt		운영 핸드북 (Incident Response Runbook) 체크리스트.txt
운영 핸드북.txt		운영 핸드북.txt
운영·확장·UX 개선 포인트.txt		운영·확장·UX 개선 포인트.txt
웹 UI 연결 (예 Flask + React).txt		웹 UI 연결 (예 Flask + React).txt
위치 값.txt		위치 값.txt
음악 생성 로직 흐름.txt		음악 생성 로직 흐름.txt
음악 생성 로직을 AI API로 연결.txt		음악 생성 로직을 AI API로 연결.txt
자동생성 설명서.txt		자동생성 설명서.txt
전체 GitHub 프로젝트 구성.txt		전체 GitHub 프로젝트 구성.txt
전체 대시보드 세트.txt		전체 대시보드 세트.txt
추천 감정 카드 예) 🌅 Hope.png		추천 감정 카드 예) 🌅 Hope.png

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

SoriSae UX Dashboard

📊 주요 기능

📁 디렉토리 설명

⚙️ 사용 기술

🚀 실행 방법

📄 보고서 예시

📬 알림 자동화

📜 라이선스

About

Uh oh!

Releases

Packages

Uh oh!

Uh oh!

Contributors

Uh oh!

Folders and files

Latest commit

History

Repository files navigation

SoriSae UX Dashboard

📊 주요 기능

📁 디렉토리 설명

⚙️ 사용 기술

🚀 실행 방법

📄 보고서 예시

📬 알림 자동화

📜 라이선스

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Uh oh!

Contributors

Uh oh!

Packages