💡 프로젝트 소개

기존에 제작한 weather 프로젝트의 TS 마이그레이션 버전입니다.

javascript 버전 weather 레포지토리

검색으로 원하는 위치로 이동하여 날씨정보를 확인하세요!

차트와 상세 카드를 통해 현재시 기준의 날씨를 알려드리고 옷차림을 추천해드립니다!

🏡 url: https://lulla-by.github.io/Weather_TS/

📆 마이그레이션 진행 기간

2024.02.05 ~ 2023.02.11

🔧 Stacks

Environment

Development

Deploy

🅰 open API

• 카카오 지도
• 기상청 open API

🌏 메인기능

🌈 위치 기반 현재 날씨 정보 제공

1. 사이트 입장과 동시에 현재 위치를 기준으로 날씨 정보를 불러옵니다.

   

   위치 접근이 허용되지 않은 경우 위치 접근 허용 안내창이 나옵니다.

   

2. 검색창을 통해 위치를 설정할 수 있습니다.

   

3. 차트에는 설정된 위치의 강수량과 기온이 표시되며 버튼을 클릭하여 열고 닫을 수 있습니다.

   

4. 하단의 왼쪽 카드에서는 현재시 기준 기온, 강수량, 습도, 강수형태 및 날씨 상황을 확인할 수 있습니다.

   오른쪽 카드에서는 현재 날씨에 맞는 옷차림을 간략하게 이미지로 보여줍니다.

   

5. 비 또는 눈이 내릴 경우에는 우산 아이콘을 렌더링합니다.