📆 2025년 6월 25일요플랜 프로젝트 소개프로젝트 개요요플랜은 사용자 맞춤형 요금제를 추천하고, AI 챗봇을 통해 상담을 자동화하며, 복잡한 요금제 정보를 간소화하는 통신요금제 추천 웹 서비스입니다. 프로젝트 목적사용자 맞춤형 요금제 추천AI 챗봇을 통한 상담 자동화복잡한 요금제 정보 간소화서비스 설계 핵심 가치 핵심 가치설명 사용자 편의성AI 챗봇 및 진단 시스템으로 손쉬운 요금제 탐색 정보 접근성언제 어디서나 요금제 정보를 대화형으로 확인 가능상담 효율성반복 질문은 챗봇이 자동 응답, 복잡한 문의는 상담 연계 맞춤 경험사용자 데이터를 바탕으로 개인화된 요금제 추천벤치마킹참고 사이트: LG U+ 공식 홈페이지분석 포인트:요금제 분류 체계정보 구성 방식사용자 상담 흐름→ 사용자 친화적인 구조로 개선..

주말동안 토글 기능 작업을 수정했다.어떤 오류가 있었냐면 인기순과 데이터 많은 순으로 토글이 되야하는데 갑자기 안되는 문제가 발생하는 것이다. React 인기순 정렬 API 오류 해결1. 문제 상황 설명기능 목표: 요금제 목록 정렬 기능 (인기순 / 가격순 / 데이터 많은 순 등)문제 발생: 서버에서 허용하는 sortBy 값은 제한적 → popular, data 값 전달 시 오류 발생Error: 유효하지 않은 정렬 기준입니다. 가능한 값: price_value, name, createdAt, category2. 원인 분석서버에서는 유효성 검증이 강하게 걸려 있음popular, data 는 서버에서 모르는 값 → 에러 발생그러나 인기순/데이터순은 UI 상 중요한 UX 요소 → 요금제 첫페이지로 들어가면 ..

하루종일 필터 기능 구현 중 트러블 슈팅을 해결하는 중이다.코드나 json에 올바르게 정보를 다 입력하고 짠거같은데 아무리 혜택을 눌러도 관련 요금제가 나타나지 않는다. 분명 삽질일거같은 생각이 들긴하지만 열심히 gpt를 활용해 코드의 오류도 잡아보고 다른 방법으로도 코드를 작성해보고열심히 하루종일 필터 기능을 완성하기 위해 노력을 했다.

📆 2025년 6월 18일깊은 개발을 떠나서, 시작부터 오류로 맞이하기 휴.. 다행히 PostCSS 플러그인이 설치가 안되어있어 나타나는 오류 였다. 설치해서 오류 해결 ✌🏻팀원분들이 초기 세팅과 공통 컴포넌트를 개발해주셨다.요금제 리스트 화면 페이지를 내가 맡았다.이렇게 Plans파일을 만들고 라우터에 연결을 해줘보겠다. import { createBrowserRouter } from 'react-router-dom';import DefaultLayout from '../layout/DefaultLayout';import MainPage from '../pages/MainPage/MainPage';import PlanListPage from '../pages/PlanListPage/PlanList..

📆 2025년 6월 11일 어제 작업에 이어서 오늘 오전 그리고 오후 2시?까지 캐릭터 작업을 했다.내 GPT만 문제였는줄 알았는데 다행히 전세계적으로 오류였다고 한다. 짠 이렇게 총 6개의 캐릭터가 완성되었다. 캐릭터 이름 역시 정했다. 하지만 다시 팀원들과 상의해서 정해야한다! "선생님, 우리 GPT가 작업을 너무 잘해요~" (태하 말 따라하기) 첫번째, 사자 🦁 왜 사자로 정했냐?사자하면 동물의 왕 아닌가? 위엄있고 고급스러운 느낌을 주기 위해 기업, VIP, 고용량, 고품질 서비스를 이용자들을 타겟으로 사자로 정햇다. 두번째, 곰 🐻곰은 스탠다드, 레귤러, 플러스 요금제이다.일반 개인, 가족 단위로 무난하게 쓰는 주력 이용자를 타겟으로 했다. 곰하면 듬직하고 안정적인 중견 동물이기에 스탠..

📆 2025년 5월 26일 작업물 요약axios.defaults.withCredentials = true 전역 설정.env에서 VITE_BACK_URL 사용로그인/로그아웃/회원가입 요청 함수 작성인증 상태 확인용 getUserProfile() 함수 작성요청 전 console.log로 디버깅 로깅 추가쿠키 기반 인증 처리를 고려한 백엔드 통신 설계1. axios.defaults.withCredentials = true의 중요성설정 위치: axios.js 또는 API 모듈 초기화 파일에서 설정의미: 모든 HTTP 요청에 대해 자동으로 쿠키 포함실전 효과:JWT 토큰을 쿠키에 저장한 백엔드와 세션 유지 가능로그인 이후 새로고침에도 사용자 상태가 유지됨axios.defaults.withCredentials =..

📌 오늘의 작업 핵심 요약PPT 마지막 총 수정리드미 작성https://github.com/ureca-team1/PickMeUp-Frontend GitHub - ureca-team1/PickMeUp-Frontend: [유레카] 미니 프로젝트2 프론트엔드 저장소[유레카] 미니 프로젝트2 프론트엔드 저장소. Contribute to ureca-team1/PickMeUp-Frontend development by creating an account on GitHub.github.com 🎠 회고더보기점점 끝이 보여간다!

📌 오늘의 작업 핵심 요약마우스 커서 모양 변경투표 취소 시 selectedRegionId값을 null로 초기화RegionSelect컴포넌트에서 value 속성을 통해 외부 상태 반영토스트바에서 라이트/다크 모드에 따라 배경 및 텍스트 색상 변경, 반응형 크기 조정공약 총정리 - 토글 애니메이션 적용 및 상태 전환 개선🐀 마우스 커서 모양 변경 하는 방법전역 css로 들어가서 cursor: url('주소')를 입력하면 된다./*커서 변경*/body { cursor: url('/src/assets/cursor.svg'), auto;}/*마우스 포인터 유지하고 싶으면 밑에 코드 지우면 됩니다*/button,a,[class*='cursor-pointer'] { cursor: url('/src/asset..

✍️ 5월 7일부터 20일까지는 프로젝트 진행 과정을 기록하기 위해 매일 프로젝트 회고를 작성할 예정이다.날짜블로그 주소날짜 카운트2025년 5월 7일https://recordoftheday.tistory.com/entry/URECA-4Day 682025년 5월 8일https://recordoftheday.tistory.com/entry/URECA-5?category=1291546Day 692025년 5월 9일https://recordoftheday.tistory.com/entry/URECA-%ED%94%BD%EB%AF%B8%EC%97%85-3?category=1291546Day702025년 5월 12일https://recordoftheday.tistory.com/entry/URECA-%ED%94%BD%..