HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🐻
문동욱팀
/토이 프로젝트 - 날씨/
유저 시나리오

유저 시나리오

태그
기능
다중 선택

유저 시나리오

  • 사용자 메인페이지 입성
    • 메인 페이지가 띄워짐과 동시에 API 요청 → 사용자 현재 위치에 따른 날씨 정보 가시화
    • 사용자가 검색 버튼 클릭
      • 검색 모달 띄워짐
      • 검색 모달이 띄워짐과 동시에 localStorage를 읽어서 이전 검색 기록에 기반한 날씨 가시화
      • 검색 모달의 검색창 focusing
      • 사용자가 지역 이름 검색
      • 지역 이름을 토대로 API 요청
        • 검색어 필터링 된 리스트 가시화
        • 리스트중 하나(지역) 사용자가 클릭
          • localStorage에 클릭한 데이터 저장
          • 클릭한 지역 데이터를 바탕으로 메인 화면으로 넘어가며 선택한 지역의 날씨 정보 출력
          • 맨 위 반복