107:"ExplicitChatIdProvider" 108:I[903690,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$80","$7c","$81","$82","$7e","$83","$84","$85","$86","$87","$88","$7d","$89","$8a"],"$107"] 109:I[838238,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$80","$7c","$81","$82","$7e","$83","$84","$85","$86","$87","$88","$7d","$89","$8a"],"SWRDataProvider"] 10b:[] 10c:[["b_yw7zRajKFOH",null],["b_Z0GJFGKamB8",null],["b_qAnMYvKem1m",null]] 10d:[["b_yw7zRajKFOH",{"templateVersionId":null,"templateCanonId":null}],["b_Z0GJFGKamB8",{"templateVersionId":null,"templateCanonId":null}],["b_qAnMYvKem1m",{"templateVersionId":null,"templateCanonId":null}]] 10e:[["b_14AnKqjVDoH","$D2025-08-13T03:16:34.882Z"],["b_jYmhsdNOEn2","$D2025-08-13T03:18:52.737Z"],["b_tDsD2cHgeLK","$D2025-08-13T03:27:38.596Z"],["b_NR6k28P13Ne","$D2025-08-13T03:31:17.316Z"],["b_HDUCLnENBac","$D2025-08-13T03:36:39.216Z"],["b_7sZbNiOlB7M","$D2025-08-13T03:37:16.604Z"],["b_FArGWQWfg32","$D2025-08-13T03:57:35.597Z"],["b_iy0VPHOVKuB","$D2025-08-13T04:01:53.942Z"],["b_HmLCb39sO82","$D2025-08-13T04:16:29.588Z"],["b_l4YhUlgPRzi","$D2025-08-13T06:52:12.502Z"],["b_4G2FZxmNyWm","$D2025-08-13T12:18:41.422Z"],["b_Gq3paO88koN","$D2025-08-13T12:20:13.785Z"],["b_iysBeMgKIa1","$D2025-08-13T12:27:29.894Z"],["b_N36inUVrYzr","$D2025-08-13T12:52:24.920Z"],["b_S73y5dXWq2b","$D2025-08-13T12:53:59.839Z"],["b_FhAlKnmuTog","$D2025-08-13T13:05:01.194Z"],["b_jjgStEDFO32","$D2025-08-13T13:10:01.099Z"],["b_I3egA3N0NhG","$D2025-08-13T13:11:55.835Z"],["b_DxBLLFymeZk","$D2025-08-13T19:01:08.796Z"],["b_6w7s7pUTIV8","$D2025-08-13T19:02:08.264Z"],["b_tCuxuEUYhui","$D2025-08-13T19:04:50.475Z"],["b_DXyB8qaR4Jn","$D2025-08-13T19:05:43.879Z"],["b_lbPU6Hn0o29","$D2025-08-13T19:06:36.103Z"],["b_ngJlffHyosU","$D2025-08-15T03:18:16.029Z"],["b_G4xJS83ObCN","$D2025-08-24T21:41:58.526Z"],["b_NjIwEHXJH1J","$D2025-08-24T21:44:39.811Z"],["b_cXredLJBsAa","$D2025-08-24T21:46:19.462Z"],["b_be0FvvoC0jg","$D2025-08-24T21:53:40.220Z"],["b_SKdMdVAHIyn","$D2025-08-26T11:38:18.605Z"],["b_9vAGR6uP1tO","$D2025-08-26T21:49:54.814Z"],["b_xykd9kzKEws","$D2025-09-01T12:05:40.519Z"],["b_ssTUkSVuB2z","$D2025-09-01T12:09:51.622Z"],["b_PYN2Tp46f4P","$D2025-09-01T12:12:13.091Z"],["b_DxlNZLgsppA","$D2025-09-09T21:39:57.416Z"],["b_NWW7EgeFHzG","$D2025-09-10T07:03:17.757Z"],["b_bY0gPC3DFwO","$D2025-09-10T07:04:14.022Z"],["b_M6XFcKO1KGr","$D2025-09-10T09:16:27.906Z"],["b_3I9unKNKCV4","$D2025-09-10T09:17:42.969Z"],["b_yX162WRMn9E","$D2025-09-10T10:21:40.352Z"],["b_N3olD6u7pqr","$D2025-09-10T10:28:50.404Z"],["b_q5ddmfaTIZM","$D2025-09-10T10:31:45.256Z"],["b_OsZ1bfVoP4F","$D2025-09-10T10:34:21.712Z"],["b_EWM9gKA0bq6","$D2025-09-10T10:37:11.378Z"],["b_QKpqactG0T5","$D2025-09-10T10:38:54.896Z"],["b_uAKxQ0fS7fE","$D2025-09-10T10:40:14.791Z"],["b_jt0LNIT8ZzR","$D2025-09-10T10:40:58.069Z"],["b_jAGXlFVCv5V","$D2025-09-10T10:41:45.376Z"],["b_jgnKgLr2c3e","$D2025-09-10T10:43:11.546Z"],["b_mB0JjM23ojE","$D2025-09-10T10:44:34.326Z"],["b_KTSqzGNEwxq","$D2025-09-10T10:45:21.191Z"],["b_45G6Lo9zyMy","$D2025-09-10T10:46:07.783Z"],["b_RyXsk5KGZRi","$D2025-09-10T10:46:55.564Z"],["b_UKw30Sct5NO","$D2025-09-10T10:48:12.723Z"],["b_SvgiEg1bhYk","$D2025-09-10T10:49:25.409Z"],["b_jpGLbvkQS2D","$D2025-09-10T10:50:18.355Z"],["b_GxVM3ISr2kD","$D2025-09-10T20:56:25.940Z"],["b_PSUTIiTarue","$D2025-09-10T20:57:36.063Z"],["b_DrY39RyO3gt","$D2025-09-10T21:10:48.875Z"],["b_kybCS4FYtLX","$D2025-09-10T21:12:07.268Z"],["b_ZIqjPBZzuGp","$D2025-09-10T21:20:25.617Z"],["b_yXfeW2j7eJZ","$D2025-09-10T21:20:49.512Z"],["b_BBup4oBtmoH","$D2025-09-10T21:24:20.971Z"],["b_UAp3O4CZjKU","$D2025-09-10T21:25:19.208Z"],["b_eXwHmJKGbY1","$D2025-09-10T21:27:02.526Z"],["b_w7XHJvijkWM","$D2025-09-10T21:30:36.772Z"],["b_HfM6efMr1zY","$D2025-09-10T21:34:26.953Z"],["b_6Qm2UKBOJZC","$D2025-09-10T21:37:27.230Z"],["b_rMs7M2fTDr6","$D2025-09-11T03:05:23.439Z"],["b_gysoFzYT7dJ","$D2025-09-11T03:10:42.366Z"],["b_gWR2t3GDHjb","$D2025-09-11T03:17:39.493Z"],["b_xAXSrvYww8I","$D2025-09-11T03:21:33.089Z"],["b_LxgVuwESIi1","$D2025-09-11T03:30:43.780Z"],["b_cdvqjZvJE7o","$D2025-09-11T03:36:09.618Z"],["b_qpayglvC61j","$D2025-09-11T03:40:39.782Z"],["b_0t1yyYVpxLX","$D2025-09-11T03:44:12.478Z"],["b_zcEUz7KBVKI","$D2025-09-11T03:52:28.373Z"],["b_Il8kA99ITRQ","$D2025-09-11T03:57:11.834Z"],["b_9Y8vcnfq9Yi","$D2025-09-11T04:12:38.619Z"],["b_WTcWK2kbOCj","$D2025-09-11T05:34:06.549Z"],["b_qn3GNIw6BgP","$D2025-09-11T05:34:46.003Z"],["b_ds8BViOtpDb","$D2025-09-11T09:09:31.625Z"],["b_7C37jTvY7Ln","$D2025-09-11T09:10:03.734Z"],["b_vGTfyoxYrZq","$D2025-09-11T09:11:10.491Z"],["b_siCChT9KNnT","$D2025-09-11T09:11:58.518Z"],["b_TnUokUd6cI6","$D2025-09-11T09:12:30.922Z"],["b_6lZex0Ihapn","$D2025-09-11T09:13:57.191Z"],["b_VjsW1gVOOdm","$D2025-09-11T09:22:50.788Z"],["b_6RGm1bh1s2a","$D2025-09-11T09:24:14.120Z"],["b_B6xVYysEn27","$D2025-09-11T10:12:09.713Z"],["b_o3QJlcOI0Bb","$D2025-09-11T10:12:47.535Z"],["b_BVwdqfheQ6B","$D2025-09-11T10:13:11.293Z"],["b_bAUFydLH1uv","$D2025-09-11T10:32:09.531Z"],["b_uC8qCW18xlA","$D2025-09-11T10:38:00.453Z"],["b_RfvK4Fdszq1","$D2025-09-11T10:48:45.301Z"],["b_FqHYZ4M1mqF","$D2025-09-11T10:49:29.939Z"],["b_Vk3qxHBi1TB","$D2025-09-11T10:51:26.738Z"],["b_BKgd7JBTpaP","$D2025-09-11T10:52:03.225Z"],["b_zeyQJBwt5iD","$D2025-09-11T10:54:04.876Z"],["b_lVngOSJKXIr","$D2025-09-11T10:58:34.895Z"],["b_Ei9md0wryse","$D2025-09-11T11:01:36.624Z"],["b_s3bVoi34OR5","$D2025-09-11T11:02:49.989Z"],["b_9JnjXVx8GLs","$D2025-09-11T12:57:19.272Z"],["b_OtfG9r8ATX1","$D2025-09-11T13:00:44.781Z"],["b_wxaMzElcGBS","$D2025-09-12T04:01:42.450Z"],["b_M4mYwy8vO7h","$D2025-09-12T04:06:04.167Z"],["b_pgsbS5tixT0","$D2025-09-12T04:07:32.826Z"],["b_5n3A6w8hvwg","$D2025-09-12T04:08:12.704Z"],["b_YXeouyfc5dZ","$D2025-09-12T07:15:50.977Z"],["b_MhFrAqNr9hm","$D2025-09-12T07:17:04.417Z"],["b_ZPLOVDWdbQJ","$D2025-09-12T10:40:56.119Z"],["b_5Bo1HdpLRF5","$D2025-09-12T10:41:12.628Z"],["b_wWjRaZdYgig","$D2025-09-12T10:42:30.622Z"],["b_Gf6FJw2Dn8e","$D2025-09-12T10:44:46.823Z"],["b_uV3b3Me8ZCE","$D2025-09-12T10:45:27.130Z"],["b_HLfGZXBamqv","$D2025-09-12T10:46:59.994Z"],["b_W1tJ3wnjJKp","$D2025-09-12T10:47:23.534Z"],["b_cZVpqZk54ri","$D2025-09-12T10:47:57.443Z"],["b_FiDOszDUKbd","$D2025-09-12T10:48:30.330Z"],["b_w3molUyIwOk","$D2025-09-12T10:49:10.446Z"],["b_t8A6akZkxKS","$D2025-09-12T10:55:07.021Z"],["b_AsVpzNQqK4V","$D2025-09-12T10:55:34.714Z"],["b_WwzJCtWV8hq","$D2025-09-12T10:56:28.664Z"],["b_63SS3EDhZGR","$D2025-09-12T10:57:10.526Z"],["b_M8F2XXD5tXA","$D2025-09-12T10:57:51.698Z"],["b_67Eo8cvVXIZ","$D2025-09-12T22:19:21.621Z"],["b_VpnKNbYLfvS","$D2025-09-13T00:45:11.536Z"],["b_6fNTqQCsw9j","$D2025-09-13T01:21:38.030Z"],["b_irfrISEIAwq","$D2025-09-13T01:22:58.404Z"],["b_l23BpqAFMq0","$D2025-09-13T02:18:55.047Z"],["b_Xmv7hS0XGVd","$D2025-09-13T02:33:40.337Z"],["b_XyrUgq1ZcS0","$D2025-09-13T11:24:36.528Z"],["b_KxkLHUd9bv6","$D2025-09-13T21:45:56.576Z"],["b_wI3cSqcABQW","$D2025-09-13T21:49:57.907Z"],["b_VfM8aJT8Syv","$D2025-09-13T21:53:33.510Z"],["b_mk8UQ5aYDYe","$D2025-09-13T23:52:52.226Z"],["b_8GH9APev7ID","$D2025-09-14T01:02:37.871Z"],["b_mEL52J56SPv","$D2025-09-14T01:10:45.385Z"],["b_6QD0ofKADRk","$D2025-09-14T01:12:03.343Z"],["b_GdRw4yh4Hzq","$D2025-09-15T06:35:20.092Z"],["b_DdtJoqrfYTd","$D2025-09-15T07:02:25.484Z"],["b_qIoXxJIznOM","$D2025-09-15T07:11:14.272Z"],["b_Hvt8xOnxx4e","$D2025-09-15T07:11:28.980Z"],["b_Y2Nps6NFrfN","$D2025-09-15T07:32:35.224Z"],["b_18fXMcrG9D8","$D2025-09-15T07:33:20.096Z"],["b_helP5FNg6Y4","$D2025-09-15T07:35:30.956Z"],["b_VkDTrOR0H7t","$D2025-09-15T08:39:30.506Z"],["b_yw7zRajKFOH","$D2025-09-15T08:45:41.532Z"],["b_Z0GJFGKamB8","$D2025-09-15T08:59:48.686Z"],["b_qAnMYvKem1m","$D2025-09-15T10:54:08.514Z"]] 10f:[["b_yw7zRajKFOH",false],["b_Z0GJFGKamB8",false],["b_qAnMYvKem1m",false]] 110:[["b_yw7zRajKFOH",{"git":{"ref":"main","sha":"729fe35bc6469b7cca96566a1b23c50460745ec9","type":"github","repoId":0,"repoName":"talknlove","ownerName":"wonsgit","commitMessage":"fix: add debug GET method to login API\n\nAdd debug GET method and detailed logging for login API."},"deploymentId":"dpl_48FPFBHNvCwTZr8n7W5BSaT38Uqw"}],["b_Z0GJFGKamB8","$undefined"],["b_qAnMYvKem1m","$undefined"]] 111:[["b_yw7zRajKFOH",null],["b_Z0GJFGKamB8",null],["b_qAnMYvKem1m",null]] 112:[["b_yw7zRajKFOH",true],["b_Z0GJFGKamB8",true],["b_qAnMYvKem1m",true]] 113:[["b_yw7zRajKFOH",true],["b_Z0GJFGKamB8",true],["b_qAnMYvKem1m",true]] 114:[] 115:Ta6177,[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # AI 직장 동반자 *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/wonss-projects/v0-ai) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/projects/Ljb4wUHMaog) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/wonss-projects/v0-ai](https://vercel.com/wonss-projects/v0-ai)** ## Build your app Continue building your app on: **[https://v0.app/chat/projects/Ljb4wUHMaog](https://v0.app/chat/projects/Ljb4wUHMaog)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescriptreact:file="app/advice/page.tsx" isMerged="true" "use client" import { useAppContext } from "@/contexts/app-context" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { ArrowLeft, Heart, Brain, Clock, TrendingUp, Lightbulb, Zap } from "lucide-react" import { useRouter } from "next/navigation" import { useMemo } from "react" // 패턴 분석 함수들 const analyzeStressPatterns = (checkIns: any[]) => { const dayOfWeekStress: { [key: string]: number[] } = {} const keywordFrequency: { [key: string]: number } = {} const timePatterns: { [key: string]: number } = {} checkIns.forEach((checkIn) => { const date = new Date(checkIn.date) const dayOfWeek = date.toLocaleDateString("ko-KR", { weekday: "long" }) const hour = date.getHours() // 요일별 스트레스 패턴 if (!dayOfWeekStress[dayOfWeek]) dayOfWeekStress[dayOfWeek] = [] dayOfWeekStress[dayOfWeek].push(checkIn.stress) // 키워드 빈도 분석 checkIn.keywords.forEach((keyword: string) => { keywordFrequency[keyword] = (keywordFrequency[keyword] || 0) + 1 }) // 시간대별 패턴 (간단화) const timeSlot = hour < 12 ? "오전" : hour < 18 ? "오후" : "저녁" timePatterns[timeSlot] = (timePatterns[timeSlot] || 0) + checkIn.stress }) // 평균 계산 const avgStressByDay = Object.entries(dayOfWeekStress) .map(([day, stresses]) => ({ day, avgStress: stresses.reduce((a, b) => a + b, 0) / stresses.length, })) .sort((a, b) => b.avgStress - a.avgStress) const topKeywords = Object.entries(keywordFrequency) .sort(([, a], [, b]) => b - a) .slice(0, 5) .map(([keyword, count]) => ({ keyword, count })) return { avgStressByDay, topKeywords, timePatterns } } // 맞춤 조언 생성 함수 const generatePersonalizedAdvice = (patterns: any, recentMood: number, relationshipLevel: number) => { const advice = [] // 월요일 블루 대처법 const mondayStress = patterns.avgStressByDay.find((d: any) => d.day === "월요일") if (mondayStress && mondayStress.avgStress > 6) { advice.push({ type: "monday-blues", title: "월요일 블루 극복하기", message: "월요일마다 스트레스가 높으시네요. 일요일 저녁에 미리 다음 주 계획을 세우고, 월요일 아침에는 좋아하는 음악을 들으며 출근해보세요.", tips: [ "일요일 저녁 30분 계획 세우기", "월요일 아침 긍정적인 음악 듣기", "작은 성취감을 느낄 수 있는 쉬운 업무부터 시작하기", ], icon: "🌅", }) } // 야근 스트레스 관리법 if (patterns.topKeywords.some((k: any) => k.keyword === "야근")) { advice.push({ type: "overtime-stress", title: "야근 스트레스 관리법", message: "야근이 자주 있으시는군요. 야근 중에도 건강을 챙기는 것이 중요해요.", tips: [ "2시간마다 5분씩 스트레칭하기", "야근 중 충분한 수분 섭취", "야근 다음날은 일찍 퇴근하기", "야근 후 충분한 수면 확보", ], icon: "🌙", }) } // 상사 관계 개선 팁 if (patterns.topKeywords.some((k: any) => k.keyword === "상사")) { advice.push({ type: "boss-relationship", title: "상사와의 관계 개선", message: "상사와의 관계에서 스트레스를 받고 계시는군요. 소통 방식을 개선해보세요.", tips: [ "정기적인 업무 보고로 투명성 확보", "상사의 업무 스타일 파악하기", "건설적인 피드백 요청하기", "감정적 반응보다는 논리적 대화", ], icon: "🤝", }) } // 워라밸 향상 전략 if (recentMood < 5) { advice.push({ type: "work-life-balance", title: "워라밸 향상 전략", message: "최근 기분이 좋지 않으시네요. 일과 삶의 균형을 찾아보세요.", tips: [ "퇴근 후 업무 생각하지 않기", "주말에는 완전히 휴식하기", "취미 활동 시간 확보", "가족, 친구와의 시간 늘리기", ], icon: "⚖️", }) } // 관계 레벨에 따른 개인화된 조언 if (relationshipLevel >= 3) { advice.push({ type: "personal-growth", title: "개인 성장 가이드", message: "우리가 함께한 시간이 꽤 되었네요! 이제 더 깊은 성장을 위한 조언을 드릴게요.", tips: [ "매일 감사 일기 쓰기", "새로운 기술이나 지식 학습", "멘토 찾기 또는 후배 멘토링", "장기적인 커리어 목표 설정", ], icon: "🌱", }) } return advice } // 명상 가이드 데이터 const meditationGuides = [ { title: "3분 호흡 명상", duration: "3분", description: "간단한 호흡에 집중하여 마음을 진정시키는 명상", steps: [ "편안한 자세로 앉아주세요", "눈을 감고 자연스럽게 호흡하세요", "숨이 들어오고 나가는 것에만 집중하세요", "잡념이 들면 다시 호흡으로 돌아오세요", ], }, { title: "바디 스캔 명상", duration: "5분", description: "몸의 각 부분을 차례로 의식하며 긴장을 풀어주는 명상", steps: [ "누워서 편안한 자세를 취하세요", "발끝부터 시작해서 천천히 올라가며 각 부분을 의식하세요", "긴장된 부분이 있으면 의식적으로 힘을 빼주세요", "전신이 이완된 느낌을 만끽하세요", ], }, ] // 스트레칭 루틴 데이터 const stretchingRoutines = [ { title: "목과 어깨 스트레칭", duration: "5분", description: "장시간 컴퓨터 작업으로 뭉친 목과 어깨를 풀어주는 스트레칭", exercises: [ "목을 좌우로 천천히 돌리기 (각 방향 5회)", "어깨를 위아래로 움직이기 (10회)", "목을 좌우로 기울여 옆목 늘리기 (각 15초)", "어깨를 뒤로 돌려 가슴 펴기 (10회)", ], }, { title: "허리 스트레칭", duration: "3분", description: "오래 앉아있어 굳어진 허리를 풀어주는 스트레칭", exercises: [ "의자에 앉아 상체를 좌우로 비틀기 (각 10초)", "허리를 앞으로 숙여 등 늘리기 (15초)", "허리에 손을 대고 뒤로 젖히기 (10초)", "다리를 뻗고 발끝 터치하기 (15초)", ], }, ] export default function AdvicePage() { const { state } = useAppContext() const router = useRouter() // 패턴 분석 const patterns = useMemo(() => { return analyzeStressPatterns(state.dailyCheckIns) }, [state.dailyCheckIns]) // 맞춤 조언 생성 const personalizedAdvice = useMemo(() => { const recentMood = state.dailyCheckIns.length > 0 ? state.dailyCheckIns[state.dailyCheckIns.length - 1].mood : 5 return generatePersonalizedAdvice(patterns, recentMood, state.relationshipLevel.level) }, [patterns, state.dailyCheckIns, state.relationshipLevel.level]) return (

{/* 헤더 */}

맞춤 조언

당신의 패턴을 분석한 개인화된 조언이에요

{/* 세린의 메시지 */}

세린의 메시지 {state.relationshipLevel.title} • 레벨 {state.relationshipLevel.level}

{state.userProfile.name || "익명"}님의 데이터를 분석해봤어요! 총 {state.dailyCheckIns.length}일간의 체크인 기록을 바탕으로 맞춤형 조언을 준비했습니다. 함께 더 나은 직장생활을 만들어가요! 💪

{/* 패턴 분석 결과 */}

{/* 스트레스 높은 요일 */} 스트레스 패턴 분석

스트레스가 높은 요일

{patterns.avgStressByDay.slice(0, 3).map((item, index) => (

{item.day}

{item.avgStress.toFixed(1)}

))}

{/* 자주 언급하는 키워드 */} 주요 스트레스 요인

{patterns.topKeywords.map((item) => ( {item.keyword} ({item.count}회) ))} {patterns.topKeywords.length === 0 && (

아직 충분한 데이터가 없어요

)}

{/* 맞춤 조언 카드들 */}

맞춤 조언

{personalizedAdvice.length === 0 ? (

더 많은 체크인 데이터가 쌓이면 개인화된 조언을 제공해드릴게요!

) : (

{personalizedAdvice.map((advice, index) => ( {advice.icon} {advice.title} {advice.message}

• {tip}

))}

)}

{/* 명상 가이드 */}

짧은 명상 가이드

{meditationGuides.map((guide, index) => ( {guide.title} {guide.duration} • {guide.description}

{stepIndex + 1}. {step}

))}

{/* 스트레칭 루틴 */}

스트레칭 루틴

{stretchingRoutines.map((routine, index) => ( {routine.title} {routine.duration} • {routine.description}

• {exercise}

))}

) } [V0_FILE]typescriptreact:file="app/stats/page.tsx" isMerged="true" "use client" import { useAppContext } from "@/contexts/app-context" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart" import { Line, LineChart, XAxis, YAxis, CartesianGrid, ResponsiveContainer, PieChart, Pie, Cell, BarChart, Bar, } from "recharts" import { ArrowLeft, TrendingDown, TrendingUp, Calendar, Brain, Heart, Briefcase } from "lucide-react" import { useRouter } from "next/navigation" import { useMemo } from "react" export default function StatsPage() { const { state } = useAppContext() const router = useRouter() // 데이터 처리 및 분석 const analytics = useMemo(() => { const { dailyCheckIns } = state if (dailyCheckIns.length === 0) { return { weeklyTrend: [], monthlyTrend: [], stressFactors: [], moodTrend: [], insights: ["아직 충분한 데이터가 없어요. 더 많은 체크인을 해보세요!"], weeklyAverage: 0, previousWeekAverage: 0, mostStressfulDay: "", improvementTrend: 0, } } // 최근 7일 데이터 const last7Days = dailyCheckIns.slice(-7) const previous7Days = dailyCheckIns.slice(-14, -7) // 주간 트렌드 데이터 const weeklyTrend = last7Days.map((checkIn, index) => ({ day: new Date(checkIn.date).toLocaleDateString("ko-KR", { weekday: "short" }), stress: checkIn.stress, mood: checkIn.mood, workload: checkIn.workload, date: checkIn.date, })) // 월간 트렌드 데이터 (최근 30일) const last30Days = dailyCheckIns.slice(-30) const monthlyTrend = last30Days.map((checkIn) => ({ date: new Date(checkIn.date).toLocaleDateString("ko-KR", { month: "short", day: "numeric" }), stress: checkIn.stress, mood: checkIn.mood, workload: checkIn.workload, })) // 스트레스 요인 분석 const keywordCount: { [key: string]: number } = {} dailyCheckIns.forEach((checkIn) => { checkIn.keywords.forEach((keyword) => { keywordCount[keyword] = (keywordCount[keyword] || 0) + 1 }) }) const stressFactors = Object.entries(keywordCount) .map(([name, value]) => ({ name, value })) .sort((a, b) => b.value - a.value) .slice(0, 6) // 기분 변화 트렌드 const moodTrend = last7Days.map((checkIn, index) => ({ day: new Date(checkIn.date).toLocaleDateString("ko-KR", { weekday: "short" }), mood: checkIn.mood, date: checkIn.date, })) // 통계 계산 const weeklyAverage = last7Days.reduce((sum, c) => sum + c.stress, 0) / last7Days.length const previousWeekAverage = previous7Days.length > 0 ? previous7Days.reduce((sum, c) => sum + c.stress, 0) / previous7Days.length : weeklyAverage // 요일별 스트레스 패턴 분석 const dayStress: { [key: string]: number[] } = {} dailyCheckIns.forEach((checkIn) => { const dayName = new Date(checkIn.date).toLocaleDateString("ko-KR", { weekday: "long" }) if (!dayStress[dayName]) dayStress[dayName] = [] dayStress[dayName].push(checkIn.stress) }) const dayAverages = Object.entries(dayStress).map(([day, stresses]) => ({ day, average: stresses.reduce((sum, s) => sum + s, 0) / stresses.length, })) const mostStressfulDay = dayAverages.reduce((max, current) => (current.average > max.average ? current : max), dayAverages[0])?.day || "" // 개선 추이 계산 const improvementTrend = ((previousWeekAverage - weeklyAverage) / previousWeekAverage) * 100 // 인사이트 생성 const insights = [] if (improvementTrend > 5) { insights.push(`🎉 이번 주는 지난주보다 스트레스가 ${Math.round(improvementTrend)}% 줄었어요!`) } else if (improvementTrend < -5) { insights.push( `⚠️ 이번 주 스트레스가 지난주보다 ${Math.round(Math.abs(improvementTrend))}% 증가했어요. 휴식이 필요해 보여요.`, ) } if (mostStressfulDay) { insights.push(`📅 ${mostStressfulDay}에 항상 스트레스가 높은 패턴이 보여요.`) } if (stressFactors.length > 0) { insights.push(`💼 가장 큰 스트레스 요인은 "${stressFactors[0].name}"이에요.`) } // 야근 후 컨디션 분석 const overtimePattern = dailyCheckIns.filter((checkIn) => checkIn.keywords.includes("야근")) if (overtimePattern.length > 0) { const avgMoodAfterOvertime = overtimePattern.reduce((sum, c) => sum + c.mood, 0) / overtimePattern.length if (avgMoodAfterOvertime < 5) { insights.push(`🌙 야근 후 다음날 컨디션이 평소보다 ${Math.round((5 - avgMoodAfterOvertime) * 20)}% 낮아져요.`) } } if (insights.length === 0) { insights.push("꾸준히 체크인을 하고 계시네요! 더 많은 인사이트를 위해 계속 기록해보세요.") } return { weeklyTrend, monthlyTrend, stressFactors, moodTrend, insights, weeklyAverage: Math.round(weeklyAverage * 10) / 10, previousWeekAverage: Math.round(previousWeekAverage * 10) / 10, mostStressfulDay, improvementTrend: Math.round(improvementTrend * 10) / 10, } }, [state]) // Updated dependency array to use the entire state object const COLORS = ["#3b82f6", "#ef4444", "#f59e0b", "#10b981", "#8b5cf6", "#f97316"] return (

{/* 헤더 */}

스트레스 분석 리포트

나의 감정과 스트레스 패턴을 분석해보세요

{/* 인사이트 카드 */} AI 인사이트

{analytics.insights.map((insight, index) => (

{insight}

))}

{/* 통계 요약 */}

이번 주 평균 스트레스

{analytics.weeklyAverage}

{analytics.improvementTrend > 0 ? ( ) : ( )} 0 ? "text-green-500" : "text-red-500"}`}> {Math.abs(analytics.improvementTrend)}%

총 체크인 횟수

{state.dailyCheckIns.length} 일

세린과의 관계

Lv.{state.relationshipLevel.level} {state.relationshipLevel.title}

{/* 차트 섹션 */}

{/* 주간 스트레스 트렌드 */} 주간 스트레스 트렌드 최근 7일간의 스트레스 변화 } /> {/* 기분 변화 그래프 */} 기분 변화 추이 최근 7일간의 기분 변화 } /> {/* 스트레스 요인 분석 */} 주요 스트레스 요인 가장 자주 언급된 키워드들 `${name} ${(percent * 100).toFixed(0)}%`} outerRadius={80} fill="#8884d8" dataKey="value" > {analytics.stressFactors.map((entry, index) => ( ))} } /> {/* 월간 종합 트렌드 */} 월간 종합 분석 스트레스, 기분, 업무강도 비교 } />

{/* 추천 사항 */} 세린의 추천

{analytics.weeklyAverage > 7 && (

⚠️ 높은 스트레스 감지: 스트레스 수치가 높아요. 충분한 휴식과 전문가 상담을 고려해보세요.

)} {analytics.improvementTrend > 10 && (

🎉 훌륭한 개선: 스트레스 관리를 잘하고 계시네요! 현재의 패턴을 유지해보세요.

)}

💡 팁: 규칙적인 체크인을 통해 더 정확한 분석을 받을 수 있어요. 매일 조금씩이라도 기록해보세요!

) } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" isMerged="true" "use client" import * as React from "react" import * as AvatarPrimitive from "@radix-ui/react-avatar" import { cn } from "@/lib/utils" function Avatar({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90", secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90", destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground", }, }, defaultVariants: { variant: "default", }, } ) function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<"span"> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : "span" return ( ) } export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90", destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50", secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-9 px-4 py-2 has-[>svg]:px-3", sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5", lg: "h-10 rounded-md px-6 has-[>svg]:px-4", icon: "size-9", }, }, defaultVariants: { variant: "default", size: "default", }, } ) function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<"button"> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : "button" return ( ) } export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/card.tsx" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" function Card({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardTitle({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardDescription({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardAction({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } [V0_FILE]typescriptreact:file="components/ui/chart.tsx" isMerged="true" "use client" import * as React from "react" import * as RechartsPrimitive from "recharts" import { cn } from "@/lib/utils" // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: "", dark: ".dark" } as const export type ChartConfig = { [k in string]: { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) } type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error("useChart must be used within a ") } return context } function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >["children"] }) { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, "")}` return (

{children}

) } const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([, config]) => config.theme || config.color ) if (!colorConfig.length) { return null } return ( {children}