토이 프로젝트 - 날씨

‎날씨

‎날씨 앱에서는 기온, 비, 눈 및 바람을 포함하는 기상 상태에 대한 정보가 제공됩니다. 이후 10일간의 일기예보를 1시간 단위로 확인할 수 있습니다. 지도를 사용하면 사용자의 지역에서 날씨 패턴을 파악하는 데 도움이 됩니다. 예정된 악천후에 대해 알림을 받을 수 있습니다. iCloud를 사용하면 사용자의 Mac, iPad, Apple Watch 또는 iPhone 중에서 어떤 기기를 사용하든 즐겨찾는 위치가 항상 동기화되고 쉽게 접근할 수 있습니다. 기능 일기예보 기온, 바람, 습도, 이슬점, 체감 온도, 자외선 지수, 기압 및…

https://apps.apple.com/kr/app/날씨/id1069513131

 

• 지역별 날씨 추가 기능

• 지역 및 기온 안내 기능

• 오늘의 시간대별 날씨 안내 기능

• 주간 날씨 안내 기능

• 기능
• 첫 페이지
• 간단한 정보 (미세먼지 → 마스크 쓰세요!, 비 → 우산 챙기세요!)
• 해당 사용자 위치에 따른 날씨 조회
• 온도, 미세먼지, 시간별 일기예보, 10일간의 일기 예보
• 즐겨찾기 페이지
• 즐겨찾는 위치 추가

사용 api

• [단기예보]: https://www.data.go.kr/data/15084084/openapi.do#/tab_layer_detail_function

• [중기예보]: https://www.data.go.kr/data/15059468/openapi.do

• [주소검색]:

개발 일정

• 마감 기한: 12.15

• 기획: 11.27 ~ 11.28 (디자인, 데이터 설계 포함)

• 1차 컴포넌트 기능 구현: 12.4 ~ 12.10
• 역할 분담한 컴포넌트 ui구현: 12.11 ~ 12.13

컨벤션

• 기본적인 컨벤션은 박영웅님 강의에 나온 eslint 규칙 그대로 사용

• 리뷰어 2명 이상 approve 맡고

• 3뎁스 이상 X

• 커밋 컨벤션: https://overcome-the-limits.tistory.com/entry/협업-협업을-위한-기본적인-git-커밋컨벤션-설정하기

• 깃 브랜치 전략: https://techblog.woowahan.com/2553/
• 본인 이름 사용
• 본인 브랜치에서 기능 구현 후 dev 브랜치에 병합

• husky로 커밋부터 제어

• css
• css 속성순서
• https://uxkm.io/publishing/css/03-cssMiddleclass/10-css_attr_rule#gsc.tab=0
• naver
• BEM방법론

• 표기법
• 폴더, 컴포넌트 명, 타입, 인터페이스: 파스칼케이스
• 변수, 함수명: 카멜케이스
• 소문자: index파일

• 타입
• 위치: src/types 폴더 안에 모두(props interface까지 포함)
• interface: 객체
• 타입