[회고록] 이미지 Storage PublicUrl 설정 및 화면크기 조절

[회고록] 이미지 Storage PublicUrl 설정 및 화면크기 조절

🎯 오늘의 주요 작업

1. InteractiveCard 컴포넌트 터치 이벤트 개선

• 모바일에서 스크롤과 카드 효과 간의 충돌 문제를 해결함
• 터치 방향에 따른 이벤트 처리 로직 구현
  • 수직 스크롤과 수평 터치 이벤트를 구분하여 처리
  • 스크롤 의도와 카드 반응의 충돌을 최소화
• 사용자 경험(UX) 향상에 초점

2. 이미지 업로드 기능 개선

• 업로드 컨테이너 디자인 개선
• 업로드 시 이미지 미리보기 기능 구현
• 다양한 디바이스에서 잘 보이도록 반응형 레이아웃 적용

3. 로그인 플로우 개선

• 토큰 관리 방식 개선 (불필요한 재요청 방지)
• 사용자 상태 관리 로직 추가 (Zustand 활용)
• 로그인 후 자동 리다이렉션 처리 개선

---

🌟 성과

• 모바일 환경에서 사용자 경험 대폭 향상
• 컴포넌트 재사용성과 유지보수성 개선
• 코드 구조화 및 모듈화 작업 진행

---

🚧 해결해야 할 과제

• API 에러 처리 로직이 부족함 → 전역 에러 핸들링 도입 필요
• 토큰 갱신(Refresh Token) 로직 미구현
• 로딩 상태 UI 미흡 → 사용자 대기 시간 시각적으로 안내 필요

---

💡 내일 할 일

• API 에러 처리 로직 구현
• 로딩 컴포넌트 제작
• 테스트 코드 작성

---

🤔 배운 점

• 모바일 환경에서의 터치 이벤트 처리 방법
• 스크롤과 터치 이벤트 충돌 방지 기법
• Zustand 기반의 효율적인 상태 관리 구조

---

📌 지금까지의 흐름과 개선 방향을 명확히 하며, 다음 작업으로 자연스럽게 이어지는 개발 흐름이 좋았다. 지속적으로 사용자 경험 중심의 개선을 이어나갈 것.