ㅇㅅㅇ

🔮 MBTI x Tarot – 성향 기반 타로 리딩 웹서비스감성 기반 조언을 중심으로 한 타로 리딩 서비스– MBTI 성향 해석을 결합한 퍼스널 콘텐츠 플랫폼✅ 프로젝트 개요이 프로젝트는 MBTI 성향 기반 해석과 타로 카드 리딩을 결합한 퍼스널 웹서비스입니다.사용자가 입력한 질문과 MBTI 성향을 바탕으로 무작위로 뽑힌 타로 카드에 대해, 카드의 상징 + 성향 맞춤형 조언을 함께 제공합니다.단순한 운세 서비스가 아닌, 자기 성찰과 감정 정리에 도움이 되는 감성 기반 도구를 지향합니다.💻 주요 기능MBTI 성향 기반 타로 카드 조언자유 질문 입력 기능Universal 타로 덱 대응 (AI 이미지)결과 공유용 이미지 자동 생성 및 다운로드후기 작성 기능 및 Supabase DB 연동유입 경로 및 사용자..

🌌 타로와 MBTI의 만남, 감성 리딩 툴 개발기🔮 프로젝트 개요“MBTI 성향과 당신의 질문에 어울리는 타로 카드 리딩”MBTI 성격 유형을 선택하고, 사용자가 직접 고른 타로 카드에 따라 감성적인 AI 해석을 제공하는 웹 툴입니다.하나의 질문, 하나의 카드.그 카드가 당신의 질문에 어떤 이야기를 속삭이는지, 별빛처럼 은유적으로 전달합니다.이 프로젝트는 김지혜가 개인 포트폴리오용으로 기획·개발하였으며,별과 타로, 그리고 성향 기반의 감성적 몰입을 목표로 설계되었습니다.🛠️ 주요 기능MBTI 성향 선택 (16유형)사용자가 직접 카드 선택GPT 기반 감성적 타로 해석 제공 (질문 + 카드 기반)리딩 결과 저장(선택)추후 SNS 공유용 이미지 생성 기능 고려 중💡 사용 기술항목내용프레임워크Next.j..

별빛이 속삭이듯 하루의 흐름을 해석하고, 기록으로 남기는 타로 웹서비스.Next.js + Supabase 기반으로, 감성과 구조 모두를 갖춘 퍼스널 타로 저널입니다.포트폴리오 제출용 프로젝트이며, Vercel에 배포되어 있습니다.📅 개발 기간2025년 4월 15일 ~ 5월 16일 (4주)총 20일간, 1일 1기능 단위로 작업 및 기록🚀 주차별 핵심 작업 요약✅ 1주차: 프로젝트 기획 및 메인 기능 구현사이트 기획 및 구조 설계 (/tarot, /record, /login 흐름 구성)타로 리딩 기능 초기 프로토타입 완성 (카드 뽑기 → AI 해석)감성 기반 UI 구성 시작 (/style-guide 가이드라인 작성)Supabase 연동 및 Google 소셜 로그인 구현✅ 2주차: 인증 및 기록 기능 정비..

📚 목차🚀 배포 링크🌟 이번 주 개요🛠️ 작업 흐름 (일자별 순서 기반)🔍 문제 발생 및 해결 과정📦 현재까지 완성된 기능🌟 회고🧩 요약✅ 최종 마무리📈 향후 계획🚀 배포 링크배포 링크: https://next-tarot-app.vercel.app🌟 이번 주 개요이번 주는 UI 스타일 통일, 카드 등록/수정 기능 확장, 메타데이터 및 SEO 대응, 오류 해결 및 데이터 구조 정비 등 실사용자 경험을 마감단계로 다듬는 데 집중했습니다.특히 디자인과 기능의 완성도를 함께 고려하면서 기록 → 저장 → 분석 → 시각화 흐름까지 기능 구조를 견고히 마무리했습니다.🛠️ 작업 흐름 (일자별 순서 기반)1. /style-guide 기준 전체 UI 스타일 통일로그인, 회원가입, 운세 리딩 UI 리디..

📚 목차🌟 이번 주 개요🛠️ 작업 흐름 (일자별 순서 기반)🔍 문제 발생 및 해결 과정📦 현재까지 완성된 기능🌟 회고🧩 요약✅ 최종 마무리🌟 이번 주 개요이번 주는 OpenAI 및 날씨 API 연동을 통한 AI 기능 고도화, 기록 분석 기능 구현, 그리고 기존 기록 등록·목록·상세·수정 흐름의 UI/UX 보완 및 오류 해결에 집중한 한 주였습니다.사용자 데이터 흐름을 연결하고 실제 리딩 → 저장 → 분석까지 확장할 수 있도록 기능 구조를 정리하고, 다양한 오류 해결 작업도 함께 진행했습니다.🛠️ 작업 흐름 (일자별 순서 기반)1. OpenAI API 연동한 타로 리딩 기능 구현질문 유형과 카드에 따라 감성적인 해석을 생성하도록 GPT 프롬프트 구성응답 결과를 sessionStorage에 ..

📚 목차🌟 이번 주 개요🛠️ 작업 흐름🔍 문제 발생 및 해결 과정📦 현재까지 완성된 기능🌟 회고🧩 요약✅ 최종 마무리🌟 이번 주 개요지난주에는 전체 구조 설계와 인증 기반 구축(Google OAuth 포함) 에 집중했다면, 이번 주에는 기록 CRUD 기능 구현과 Supabase 인증 세션 오류 해결을 중심으로 실제 사용자 흐름을 연결하는 기능 개발에 본격적으로 돌입한 한 주였습니다.🛠️ 작업 흐름 (일자별 순서 기반)1. 기록 등록 폼 구현/record/create 페이지에 입력 폼 구성이미지 업로드(최대 5장) 및 미리보기 기능 추가메인/서브 카드 선택 및 입력 검증 로직 작성2. Supabase 테이블 구조 설계records, record_cards, cards 테이블 관계형 구조 설..