agaxe / nalssieottae_app

날씨 애플리케이션 '날씨어때?'

기존의 웹 애플리케이션으로 개발한 실시간 날씨 사이트 “날씨어때?” 를 React Native 를 통해 모바일 애플리케이션으로 개발을 진행하였습니다.

사용 기술

• React Native
• OpenWeatherMap API
• Kakao API

시안

Figma

구동 영상

Simulator.Screen.Recording.-.iPhone.SE.3rd.generation.-.2023-04-13.at.12.38.00.mp4

실행

실행 전 React Native 에 대한 환경 구축이 진행되어 있어야 합니다.

1. 실행을 하기 전 API key 가 필요합니다.

   • OpenWeatherMap API 키
   • kakao REST API 키

2. 프로젝트 최상위 경로에 .env 파일을 생성한 뒤 API key 를 적용해주세요.

   WEATHER_API_KEY='발급받은_OpenWeatherMap_API_키'
   KAKAO_API_KEY='발급받은_kakao_REST_API_키'

3. node 패키지를 설치해주세요.

   npm

   npm install

   yarn

   yarn install

4. 각각의 운영체제에 대한 실행을 진행해주세요.

   ios

   cd ios && pod install && cd ..

   npx react-native run-ios

   android

   npx react-native run-android