일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- openai기능
- corser챌린지
- 프론트엔드
- book_club
- NextJs
- 타로기록웹
- 감성웹사이트
- jqueryplugin
- select플러그인
- 노개북
- 사이드프로젝트
- 웹서비스개발기록
- 4주차개발회고
- 데이터흐름설계
- crud구현
- 운세기록
- 웹개발
- Supabase
- plugin
- supabase세션오류
- 프론트엔드사이드프로젝트
- openai연동
- 타로프로젝트
- whispersofthestars
- niceselect사용법
- 개발자북클럽
- 노마드코더
- 타로기록웹앱
- 프론트앤드개발
- 개발회고
- Today
- Total
목록2025/05 (4)
ㅇㅅㅇ

별빛이 속삭이듯 하루의 흐름을 해석하고, 기록으로 남기는 타로 웹서비스.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 테이블 관계형 구조 설..