Skip to content

Release Notes (v0.1.0)

Latest

Choose a tag to compare

@rough78 rough78 released this 03 Mar 10:22
3022c2c

πŸŽ‰ μƒˆλ‘œμš΄ κΈ°λŠ₯

ν”„λ‘œν•„ 및 νŒ”λ‘œμš° μ‹œμŠ€ν…œ

  • ν”„λ‘œν•„ 검색: μ‚¬μš©μž λ‹‰λ„€μž„μœΌλ‘œ ν”„λ‘œν•„μ„ κ²€μƒ‰ν•˜κ³  검색 κ²°κ³Όμ—μ„œ λ°”λ‘œ νŒ”λ‘œμš° κ°€λŠ₯
  • νŒ”λ‘œμž‰/νŒ”λ‘œμ›Œ νŽ˜μ΄μ§€: νŒ”λ‘œμ›Œ 및 νŒ”λ‘œμž‰ λͺ©λ‘μ„ μ‘°νšŒν•  수 μžˆλŠ” μ „μš© νŽ˜μ΄μ§€ κ΅¬ν˜„
  • μ»€μ„œ 기반 λ¬΄ν•œ 슀크둀: νŒ”λ‘œμž‰/νŒ”λ‘œμ›Œ λ¦¬μŠ€νŠΈμ— μ»€μ„œ 기반 λ¬΄ν•œ 슀크둀 적용

UI κ°œμ„ 

  • 사진 λ·°μ–΄ λ„€λΉ„κ²Œμ΄μ…˜: 사진 뷰어에 이전/λ‹€μŒ 이미지 탐색 λ²„νŠΌ μΆ”κ°€
  • 리뷰 이미지 μ •λ ¬: 리뷰 이미지λ₯Ό λ“±λ‘μˆœμœΌλ‘œ μ •λ ¬ν•˜μ—¬ ν‘œμ‹œ
  • λ©”μΈνŽ˜μ΄μ§€ νŒ”λ‘œμž‰ νƒ­: μ‚¬μš©μžκ°€ νŒ”λ‘œμš°ν•œ μ‚¬μš©μžλ“€μ˜ 리뷰만 λ³Ό 수 μžˆλŠ” 필터링 κΈ°λŠ₯
  • 데이터 없을 λ•Œ λŒ€μ²΄ ν™”λ©΄: ν™ˆ, 마이/μœ μ € νŽ˜μ΄μ§€, 검색 ν™”λ©΄μ—μ„œ 데이터가 μ—†λŠ” 경우 μ•ˆλ‚΄ ν™”λ©΄ κ΅¬ν˜„

였λ₯˜ 관리 κ°œμ„ 

  • ν† μŠ€νŠΈ μ—λŸ¬ μ•Œλ¦Ό: νŒ”λ‘œμš°/νŒ”λ‘œμž‰, 리뷰 μ €μž₯/μ‚­μ œ, μž„μ‹œμ €μž₯ API 였λ₯˜ μ‹œ ν† μŠ€νŠΈ ν˜•νƒœμ˜ μ•Œλ¦Ό ν‘œμ‹œ
  • Suspense 기반 λ‘œλ”© 처리: React의 Suspenseλ₯Ό ν™œμš©ν•œ λ‘œλ”© ν™”λ©΄ κ΅¬ν˜„
  • λ‘œλ”© 인디케이터 κ°œμ„ : ν…μŠ€νŠΈ 기반 λ‘œλ”© λ©”μ‹œμ§€λ₯Ό Lottie μ• λ‹ˆλ©”μ΄μ…˜ μŠ€ν”Όλ„ˆλ‘œ λ³€κ²½

πŸ”§ κΈ°λŠ₯ κ°œμ„ 

UI/UX κ°œμ„ 

  • 검색 νŽ˜μ΄μ§€ κ°œμ„ : 검색 νŽ˜μ΄μ§€ 타이틀 및 검색창 λ””μžμΈ κ°œμ„ , λ„€λΉ„κ²Œμ΄μ…˜ κ²½λ‘œμ— λ”°λ₯Έ UI λΆ„κΈ°
  • λ””μžμΈ μˆ˜μ •: 리슀트 μ•„μ΄ν…œ, μž„μ‹œμ €μž₯ λͺ¨λ‹¬, μΉ΄νŽ˜μ •λ³΄ νŽ˜μ΄μ§€ μŠ€νƒ€μΌμ„ μ‹œμ•ˆμ— 따라 μˆ˜μ •
  • ν”„λ‘œν•„ κ΄€λ ¨ UI κ°œμ„ :
    • ν”„λ‘œν•„ νŽΈμ§‘ νŽ˜μ΄μ§€ λ ˆμ΄μ•„μ›ƒ κ°œμ„ 
    • λ‹‰λ„€μž„ 20자 이상, μ†Œκ°œ 50자 이상 μž…λ ₯ μ‹œ UI κ²½κ³  ν‘œμ‹œ
    • κΈ°λ³Έ ν”„λ‘œν•„ 이미지 λ””μžμΈ λ³€κ²½
  • 리뷰 μž‘μ„± νŽ˜μ΄μ§€ κ°œμ„ :
    • μΉ΄νŽ˜μ •λ³΄ 상단 κ³ μ •
    • μ»΄ν¬λ„ŒνŠΈ κ°„ 간격 μ‘°μ • 및 μΈν„°λž™μ…˜ κ°œμ„ 
    • 별점 μ»΄ν¬λ„ŒνŠΈ 선택 μ‹œ 크기 증가 및 λ‚΄λΆ€ 간격 μ‘°μ •
  • DatePicker κ°œμ„ : λ‚ μ§œ μ„ νƒκΈ°μ—μ„œ μš”μΌκ³Ό λ‚ μ§œμ˜ 수직 μ •λ ¬ 문제 ν•΄κ²°

데이터 관리 κ°œμ„ 

  • ν”„λ‘œν•„ 쑰회 API μ΅œμ ν™”: ν”„λ‘œν•„ 쑰회 APIλ₯Ό useQuery둜 λ³€κ²½ν•˜μ—¬ 캐싱 ν™œμš©
  • νƒ­ μ „ν™˜ μ‹œ 데이터 관리: λ©”μΈνŽ˜μ΄μ§€ 및 λ§ˆμ΄νŽ˜μ΄μ§€μ—μ„œ νƒ­ μ „ν™˜ μ‹œ 데이터 μ΄ˆκΈ°ν™” 및 νƒ€μž„μŠ€νƒ¬ν”„ 리셋
  • Object URL 관리 κ°œμ„ : μ»΄ν¬λ„ŒνŠΈ μ–Έλ§ˆμš΄νŠΈ μ‹œ 이미지 Blob URL ν•΄μ œ 처리 μΆ”κ°€

πŸ› 버그 μˆ˜μ •

  • 검색 κ΄€λ ¨ 버그:
    • SearchBar 이전 검색어 λ‚¨μ•„μžˆλŠ” 문제 ν•΄κ²°
    • 경둜 μ „ν™˜ μ‹œ 이전 검색 κ²°κ³Ό μ΄ˆκΈ°ν™”
  • z-index 문제: webkit-overflow-scrolling: touch 속성이 μœ λ°œν•˜λŠ” z-index 문제 μˆ˜μ •
  • μ»€μ„œ κ΄€λ ¨ 버그: λ¬΄ν•œ 슀크둀 트리거 ν›„ λ§ˆμ΄νŽ˜μ΄μ§€ νƒ­ λ³€κ²½ μ‹œ λ°œμƒν•˜λŠ” 문제 ν•΄κ²°
  • ν”„λ‘œν•„ 이미지 κ΄€λ ¨ 버그:
    • 리뷰 κΈ°λ³Έ 이미지가 ν‘œμ‹œλ˜μ§€ μ•ŠλŠ” 였λ₯˜ ν•΄κ²°
    • ν”„λ‘œν•„ 검색 μ‹œ μžμ‹ μ˜ κΈ°λ³Έ ν”„λ‘œν•„ 이미지λ₯Ό μ£Όν™©μƒ‰μœΌλ‘œ ν‘œμ‹œ

πŸ“ 개발자 참고사항

  • 데이터가 μ—†λŠ” 경우 ν‘œμ‹œλ˜λŠ” UIλŠ” NoContent μ»΄ν¬λ„ŒνŠΈλ‘œ ν†΅ν•©ν•˜μ—¬ μž¬μ‚¬μš©
  • useApiQuery와 useApiSuspenseQueryλ₯Ό κ΅¬λΆ„ν•˜μ—¬ μ μ ˆν•œ 상황에 맞게 μ‚¬μš©
  • useInfiniteQuery μ‚¬μš© μ‹œ μžλ™ ν˜ΈμΆœμ„ λ°©μ§€ν•˜κΈ° μœ„ν•œ enabled: false μ„€μ • κ³ λ €

πŸ› οΈ 기술적 변경사항

  • λͺ¨λ‹¬ μ»΄ν¬λ„ŒνŠΈμ—μ„œ subtitle 속성 μ œκ±°ν•˜κ³  description으둜 톡합
  • 였λ₯˜ 처리 μ‹œ 전체 ν™”λ©΄ μ—λŸ¬ λŒ€μ‹  ν† μŠ€νŠΈ λ©”μ‹œμ§€ ν‘œμ‹œ μ˜΅μ…˜ μΆ”κ°€