React Native로 basic 날씨 앱 만들기

귀찮아서 10일이나 걸린 앱 프로젝트 2020/12/28~2021/1/6

 

 

01234567

화면 screenshots

 

1. What's weather today

지난번에 웹을 개발했으니 이번에는 모바일 앱에 도전하자고 생각했다. 근데 앱은 처음이라 뭘 해야할지 몰랐다. ios/android 결정도 못했으니 native 환경은 다음에 도전하고 일단 react native로 가볍게 만들기로 했다. javascript만으로도 앱을 개발할 수 있는게 마음에 들었다. 'What's weather today' 앱은 기본적인 날씨 모바일 앱으로써, 사용자의 위치를 받아와서 날씨 api에서 가져온 날씨 정보를 알려준다. 

 

 사용한 tools

• React native (with Javascript)
• Expo
• Axios (for weather api)
• weather api (openweathermap)

2. Screenshots

 

 

날씨 옵션은 이를 제외하고도 많이 있다.

디자인은 expo icon, linear gradient를 사용했다. 위치 정보도 표시하고 싶어서 더 추가했다. 근데 이게 city 정보까지는 괜찮은데 동이나 구 정보가 나오지 않아서 약간 날씨가 정확하지 않다. 그리고 온도도 -2~+2 정도는 오차가 있는 것 같다. Api를 바꿔야 해결 가능할듯

3. How to build

앱스토어/ 플레이 스토어에 출시는 하지 않았다. 너무 기본적이라 아무도 안쓸 것 같았다. 일단 개발자인 나조차도 쓰고 싶다는 마음이 zero에 수렴한다. 그래서 그냥 expo로 빌드할 수 있도록 내보내기만 했다. expo 앱을 폰에 가지고 있다면 qr 코드를 통해서 확인할 수 있다.

 

 

 

expo link: Expo app

---

4. retrospect

xcode/swift 또는 android studio/java or kotlin 등의 native 환경을 안써도 만들 수 있는게 제일 큰 장점인듯
쉽고 간편하게 만들 수 있지만 기능면에서는 native보다 제한적인 것들이 많다. 하지만 어짜피 기능적인 앱은 native에서 만들어야 하니까 상관 없다고 생각한다.