Hybrid

마음탐험 (Mind Explorer)

Client: 이연(주)

프로젝트 기간: 1 주일

프로젝트 개요

마음탐험 (Mind Explorer)

심리 검사 웹 애플리케이션입니다. 사용자가 다양한 심리 검사를 진행하고, 결과를 확인하며, AI 분석을 받고, 커뮤니티에 공유할 수 있습니다.

주요 기능

심리 검사 — Big Five 성격검사, 연애 성향 테스트, 스트레스 대처 유형 검사, 분노 조절 유형 검사
AI 분석 — Ollama 로컬 LLM을 활용한 맞춤형 결과 분석 (종합 분석, 강점, 성장 포인트, 조언)
비로그인 테스트 — 로그인 없이 검사 가능, 결과 페이지에서 가입 유도
결과 분석 — 레이더 차트, 전체 평균 비교, 유형 라벨링, 상세 분석
SNS 공유 — 카카오톡 공유, 이미지 캡처 공유, 동적 OG 이미지
커뮤니티 — 익명 결과 공유, 좋아요, 글 삭제
마이페이지 — 프로필 수정, 검사 내역, 결제 내역
대시보드 — 검사 이력, 점수 추이 그래프, 이전 결과 비교
랜딩 페이지 — 로그인 시 최근 검사 내역 표시, CSS/SVG 일러스트 배너
프리미엄 — Toss Payments 결제, 구독/단건 구매
PWA — 홈 화면 추가, 오프라인 캐시
다국어 — 한국어, 영어, 일본어 (next-intl)
광고 — Google AdSense 통합
SEO — 동적 OG 이미지, sitemap.xml, robots.txt, 네이버/구글 서치어드바이저 연동

제공 검사 목록

검사명	slug	문항 수	차원	설명
Big Five 성격 검사	`big-five`	20문항	외향성, 친화성, 성실성, 신경성, 개방성	5가지 성격 특성 분석
연애 성향 테스트	`love-style`	15문항	인정의 말, 함께하는 시간, 선물, 봉사, 스킨십	5가지 사랑의 언어 기반
스트레스 대처 유형 검사	`stress-coping`	15문항	문제 중심, 감정 중심, 사회적 지지, 회피형, 유머	스트레스 대처 방식 분석
분노 조절 유형 검사	`anger-management`	20문항	신체적 공격성, 언어적 공격성, 분노 감정, 적대감, 자기 조절력	Buss-Perry 공격성 척도 참고

기술 스택

분류	기술
프레임워크	Next.js 15 (App Router)
언어	TypeScript
스타일링	Tailwind CSS 4
DB	MySQL + Prisma ORM
인증	JWT (httpOnly Cookie)
AI 분석	Ollama (로컬 LLM, gemma3:4b)
차트	Recharts
애니메이션	Framer Motion
이미지 생성	html-to-image, Next.js ImageResponse
결제	Toss Payments
다국어	next-intl
테스트	Vitest + Testing Library
분석	Google Analytics 4

기술 스택

Next.jsCapacitorTypeScriptTailwindCSSMySQL+PrismaORMJWTOLLAMARechartshtml-to-imagenext-intl

유사한 프로젝트를 진행하시나요?

MokLAB의 검증된 기술력으로 성공적인 프로젝트를 만들어가세요.

프로젝트 상담 신청