ㅇㅅㅇ

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

📚 목차프로젝트 기획 의도작업 흐름문제 발생 및 해결 과정현재까지 완성된 기능회고요약🌟 프로젝트 기획 의도이번 프로젝트는 단순한 웹사이트 구현을 넘어,"개인 기록과 타로 리딩을 연결할 수 있는 공간"을 만들어보고 싶다는 생각에서 시작했습니다.기획 초기에는 ChatGPT의 도움을 받아 아이디어를 정리하고 구조를 고민했습니다.하지만 세부 방향성과 최종 구조 결정은 스스로 고민하고 수정하여 확정했습니다.비로그인 사용자는 사이트를 가볍게 둘러볼 수 있는 화면구현로그인 사용자는 감정 기록과 운세 결과를 연동하여 개인화할 수 사이트 제작"기록"과 "성장"이라는 키워드를 중심으로 서비스 구조를 잡아나가기 시작했습니다.🛠️ 작업 흐름 (일자별 순서 기반)1. 프로젝트 기획 및 초기 세팅타겟 서비스와 컨셉을 정하고..

3줄요약실무에서 혹은 지나가다 들은 단어에 대하 개념들을 책을 읽음으로써 명확하게 알 수 있는 시간이었다.책 중간 개발자들이 하는 실수나 마음가짐에 대해 알려주어 나의 공부 혹은 업무 방식에 대해 생각해볼 수 있는 시간이었다.코딩을 하는 동안에는 개발과정을 파악하고 끈기를 갖고 임하도록 해야겠다.챌린지&책 읽기 소감챌린지 참여가 동기부여가 되어 바빠서 못 작성한 날들도 있지만 수료할 수 있는 만큼 참여하고 끝을 맺게 되었다는데 일단 뿌듯하다바쁘다고 급하게 읽고 적은 부분들이 있다. 이번 주말에 여류를 갖고 한번씩 쭉 읽어보고 이해하는 시간을 가져야 겠다.목적에 따른 개발언어 선택, 오류를 대응하는 자세등 마음가짐에 대해 안내하는 내용들이 있어 가볍게 읽다가도 진지하게 생각가헤 하는 부분들이 있었고. 그..

오늘 TIL 3줄 요약REST API : REST 방식으로 설계한 API도커(Docker) : 원하는 개발 환경을 도커 파일에 저장하여 컨테이너 형태로 준비주는 도구하이브리드 앱, 크로스 플랫폼, 네이티브 앱오늘 읽은 범위 : 에피소드 39 - 45책에서 기억하고 싶은 내용을 써보세요.REST API : REST 방식으로 설계한 APIAPI 설계하기URL 에서 동사 제외하기 : 단어 혼용을 방지하기 위함HTTP 메서드 도입하기 : 크게 GET(조회), POST(생성), PUT(수정), DELETE(삭제) 로 구분하며 단순화퀴리 도입 : 퀴리 피라미터 사용도커(Docker) 원하는 개발 환경을 도커파일로 저장하여 준비해 준다개발환경이 컨테이너 형태로 존재하므로 개발에 필요한 도구를 따로 모아 준비할 수 있..

오늘 TIL 3줄 요약정렬 알고리즘 : 버블정렬, 선택정렬, 삽입정렬데이터를 스택은 위에서 쌓아 위부터 빼고, 큐는 위로 쌓아서 아래서부터 뺀다. 클린코드 : 읽기만 해도 어떤코드인지 이해가 되는 설명이 필요없는 코드 오늘 읽은 범위 : 에피소드 26 - 29 책에서 기억하고 싶은 내용을 써보세요. 클린코드백서의미있는 변수, 함수의 이름을 적절히 사용하기 : 추가 설명이 필요없고, 검색하기 좋음함수 이름은 가급적 동사로 지어라 : 함수는 1가지 액션만 잘 할수 있어야 하고, 거기에 맞는 동사로 함수 이름을 지어야함매개변수는 너무 많이 쓰지마라 : 역할을 파악하기 쉽고, 몇개가 필요한지 알기 좋게 해야함불린값(참, 거짓)을 인자로 보내지 마라 : 참 혹은 거짓 각 케이스에 따라 2가지 일을 처리해야 하기 ..

오늘 TIL 3줄 요약알고리즘 : 컴퓨터에서 내리는 지시 사항을 나열한 것. 패스파인더 알고리즘, 압축 알고리즘 등 다양한 알고리즘이 있음자료구조 : 데이터를 효율적으로 보관하고 찾기위한 자료의 구조. 목적에 따라 다양한 기준으로 자료 구조를 정리함배열 : 렘이 앞부터 차곡차곡 채워져 있어 삽입과 삭제가 느림오늘 읽은 범위 : 에피소드 22 - 25책에서 기억하고 싶은 내용을 써보세요.검색 알고리즘선형 검색 : 자연스러운 검색방법이진 검색 : 거대한 배열을 다룰때 효과적, 배열이 항상 정리되어 있어야 함.오늘 읽은 소감은? 떠오르는 생각을 가볍게 적어보세요알고리즘과 자료구조에 대한 개념을 아는데 도움이 되었다.궁금한 내용이 있거나, 잘 이해되지 않는 내용이 있다면 적어보세요.-오늘 읽은 다른사람의 TIL-

오늘 TIL 3줄 요약쿠키 : 웹사이트를 방문했을 때 브라우저를 통해 컴퓨터에 보관하는 기록물서버 : 항상 켜져있으며서 인터넷에 연결되어 있고 접속요청하면 응답하는 컴퓨터웹 개발자 프론트엔드 개발자, 백엔드 개발자, 프론트엔드, 백엔드, 데브옵스까지 다룰 수 있는 풀스택 개발자가 있다.오늘 읽은 범위 : 에피소드 16 - 21책에서 기억하고 싶은 내용을 써보세요.프런트 앤드 : 사용자와 상호작용하기 위한 화면 인터페이스 개발자바스크립트를 주로 사용 하는데 기술 발전 속도가 빨라 끊임없이 공부해야 한다내가 작업한 화면을 바로 확인 가능하다.백앤드 : 눈으로는 볼 수 없는 실제 사용해야 하는 기능들 개발기술선택이 다양하나 프런트 앤드에 비해 기술 발전 속도가 빠르지 않아 개발환경이 안정적이다.사용자와 거리가..