GitHunt
KE

keyboardshotgun/React-Native-Weather-Memo

Simple React-Naitve Calendar with memo and weather

Project Summary

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

  • 개발기간

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

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

    React
    RN
    Typescript

    Redux
    Saga
    Navigation

    Reanimated
    Redash

    기상청API
    Sqlite





현재 날씨정보 조회

1

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




지역설정

2-before
2-complete

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




달력 및 메모

3-before
3-complete

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




후기 및 계획

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

Contributors

Created February 25, 2021
Updated February 25, 2021