📆 2025년 6월 10일 오늘, 캡스톤 디자인 발표회를 마치고 본격적인 프로젝트 작업이 시작되었다.디자인 파트는 팀원들이 맡고 있었기에, 나는 비어 있던 요금제 관련 캐릭터 디자인 작업을 맡기로 했다.LG U+의 스마트폰 요금제(5G/LTE)는 총 50가지나 되었는데,모든 요금제마다 개별 캐릭터를 그리는 건 현실적으로 불가능했다.그래서 공통점을 기준으로 분류하고, 대표 캐릭터를 설정하는 방향으로 진행했다.분석 결과, 요금제는 다음과 같은 6개의 카테고리로 구분할 수 있었다.프리미엄, 시그니처스탠다드, 레귤러, 플러스라이트, 심플, 베이직, 미니시니어, 복지군인기타각 카테고리에 어울리는 동물 캐릭터도 다음과 같이 설정했다.프리미엄, 시그니처 → 사자스탠다드, 레귤러, 플러스 → 곰라이트, 심플, 베이직..

✍️ 6월 9일부터 27일까지는 프로젝트 진행 과정을 기록하기 위해 매일 프로젝트 회고를 작성할 예정이다.날짜블로그 주소날짜 카운트2025년 6월 9일휴가사용, 글x 2025년 6월 10일 2025년 6월 11일 2025년 6월 12일 2025년 6월 13일 2025년 6월 16일 2025년 6월 17일 2025년 6월 18일 2025년 6월 19일 2025년 6월 20일

소개UniVap은 대학생들이 함께 식사하며 자연스럽게 새로운 친구를 만나고, 캠퍼스 내에서 사회적 연결과 공동체 의식을 형성할 수 있도록 돕는 플랫폼이다.대학 인증 API를 통해 신뢰성을 보장하며, 대학생만을 위한 맞춤형 교류 환경을 제공한다. 문제 정의 및 배경 기간: 2025년 3월 초 ~ 6월 8일개발 배경대학생들은 학업과 취업 준비에 집중하면서 자연스럽게 교류가 줄어들어 관계 단절이 심화된 상황이다.대면 활동이 재개된 이후에도 캠퍼스 내에서는 여전한 거리감이 존재하는 문제이다.개인주의 성향이 강화되면서 소속감과 공동체 의식이 점차 약화된 현상이다.기존 SNS 서비스는 대학생 특화 기능의 부재와 미흡한 인증 절차로 인해 신뢰성이 부족한 한계를 지닌 플랫폼이다.이러한 문제를 해결하기 위해 UniVap..

📆 6월 4일배포 https://labbitlog.vercel.app/ LabbitLog labbitlog.vercel.app https://github.com/yshls/LabbitLog-Frontend GitHub - yshls/LabbitLog-FrontendContribute to yshls/LabbitLog-Frontend development by creating an account on GitHub.github.comhttps://github.com/yshls/LabbitLog-Backend GitHub - yshls/LabbitLog-BackendContribute to yshls/LabbitLog-Backend development by creating an account on GitH..

📆 2025년 6월 2일Vercel을 통한 SPA(싱글 페이지 애플리케이션) 배포 과정에서 여러 번의 시행착오가 있었다.vercel.json 파일을 추가하여 SPA 라우팅 문제를 해결하려고 시도했다.모듈 수정 및 설정 변경, 파일 삭제/재생성 등 다양한 방법을 시도하며 문제의 원인을 찾으려 노력했다.관련 코드 예시 (vercel.json){ "rewrites": [ { "source": "/(.*)", "destination": "/" } ]}이 설정은 SPA에서 새로고침 시 404가 뜨는 문제를 해결하기 위해 모든 경로를 index.html로 리다이렉트하는 역할을 한다.2) 스타일 개선CSS 오타 수정, 불필요한 box-shadow 제거, 아이콘 스타일 개선 등 UI를 더 깔끔하게 다듬었다...

📆 5월 30일 마이페이지 데이터 연동 (내 글/댓글/좋아요/정보)내 게시글 가져오기 (/users/:username/posts)const posts = await Post.find({ author: username }).sort({ createdAt: -1 });유저별로 author 기준 필터링최신순 정렬(sort({ createdAt: -1 }))프론트에선 리스트로 출력내 댓글 가져오기 (/users/:username/comments)const comments = await Comment.find({ username }).sort({ createdAt: -1 });작성자 기준으로 댓글 조회마찬가지로 최신순 정렬좋아요한 글 목록 (/users/:username/likes)const likedPosts..

ㅁㄴㅇㄹ

사용자 정보 수정 기능 추가 작업 기록 (Express & React)1. 백엔드 (Express) – 사용자 정보 수정 API 구현API 엔드포인트:PUT /user/update동작 방식:클라이언트의 쿠키에서 JWT 토큰을 꺼내 인증토큰을 검증해서 로그인한 사용자 ID를 파악전달받은 정보로 사용자 데이터 수정(비밀번호 변경이 요청되면 bcrypt로 해싱)업데이트 결과 반환app.put('/user/update', async (req, res) => { try { const { token } = req.cookies; if (!token) { return res.status(401).json({ error: '로그인 필요' }); } const userInfo = jwt...

📆 2025년 5월 28일 작업물 요약1. Mypage.jsx 생성 및 사용자 데이터 렌더링사용자 정보(프로필 사진, 닉네임)를 표시하는 구조/auth/profile API를 호출하여 사용자 정보 불러옴받아온 데이터를 바탕으로 마이페이지 상단에 표시useEffect(() => { const fetchProfile = async () => { const data = await getUserProfile(); setProfile(data); }; fetchProfile();}, []);2. 스타일링 (Mypage.module.css) 추가.mypage-wrapper, .profile, .avatar, .nickname 등 사용자 UI에 특화된 CSS 작성프로필 이미지: 원형으로 출력 (bo..