유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

[FE] 리액트 - 37강: 임시 저장 목록 조회 시스템 구축하기 下

구디사는 개발자 9Diin

2025. 9. 17.

0

#frontend
#backend
  • 임시 저장된 토픽 목록을 조회하고 UI에 표시하는 기능 구현 💾
  • 슈퍼베이스 API 독스를 활용하여 데이터 조회 및 필터링 적용 📚
  • EQ 속성을 사용하여 현재 사용자의 ID와 일치하는 토픽 검색 🔑
  • is 대신 EQ를 사용하여 스테이터스가 'temp'인 토픽 필터링 (널 값 체크 아님) 🔍
  • 조회된 토픽 데이터를 상태값으로 관리하고 UI에 렌더링 🖼️
  • 데이터가 없을 경우 '조회 가능한 정보가 없습니다' 메시지 표시 🚫
  • Date-fns 라이브러리를 사용하여 날짜 포맷팅 적용 📅
  • TypeScript를 사용하여 토픽 데이터 타입 정의 및 관리 🗂️
  • UI 개선: 스크롤 기능 추가 및 스타일 조정 🎨
  • 토픽 생성 시 스테이터스를 null로 설정하여 임시 저장 목록에 불필요하게 표시되는 문제 해결 ✅
  • 저장된 토픽 건수를 UI에 표시 🔢
  • 클릭 시 해당 토픽 상세 페이지로 이동하는 기능 구현 ➡️

Recommanded Videos