Project Summary

현재의 날씨정보 및 달력, 그리고 메모

• 개발기간

  • 기획 및 API 결정 / UI 디자인 / 이미지 선별 및 수정 / 기본세팅 및 프로젝트 구조, 라이브러리 설치 : 1일
  • 코드작성 : 7일
  • 테스트 및 리팩토링: 2일

• 특징 및 기능

  • UI 커스텀 개발 (UI관련 라이브러리 미사용)
  • 타입스크립트
  • 달력화면을 사용한 간단한 메모작성
  • 기상청 API를 통한 현재 위치 날씨정보 자동 저장
  • sqlite Database CRUD
  • 부드럽고 간결하게 처리된 애니메이션 처리

• Project Common Dependencies

  
  
  

  
  
  

  
  

  
  

현재 날씨정보 조회

• 
• 기상청 API를 사용한 실시간 날씨 정보
• 새로고침 버튼으로 실시간으로 업데이트 처리
• 설정지역 변경시 애니메이션으로 업데이트 상황 알림
  
  
  
  

지역설정

• 
• 최적화 이전 / 최적화 이후
• 대한민국 행정구역 json 데이터를 활용하여, 원하는 지역을 설정
• UI 최적화 처리
  
  
  
  

달력 및 메모

• 최적화 이전 / 최적화 이후
• dayjs를 활용한 달력 개발
• sqlite를 활용하여 간단한 일일 메모 CRUD
  
  
  
  

후기 및 계획

• 달력기능 몇개 추가 (년,월 을 직접 선택을 위한 컨텍스트 메뉴 )
• 자동으로 사용자의 위치정보를 받아서 날씨 정보 업데이트 -> 디바이스 자원소비량 증가 (베터리 및 네트워크 사용량)
• 개선 : 수동버튼 처리 -> 사용자 동의사항 감소가 추가로 개선
• React Component 생명주기 개선 및 간단한 코드 리펙토링으로 UI 성능향상.
• 다음 프로젝트를 위한 분석데이터 준비해야 할듯.