반응형

현재 ReactNative로 사이드 프로젝트를 진행하고 있다. 

현 프로젝트에서 사용하기로 결정한 UI 컴포넌트 라이브러리 이다. 

찾아보니 과거에는 많이 썼으나 현재는 React Navigation에 대한 대응이 느려서 많이 사용하지 않는다고 한다. 

https://nativebase.io/

 

NativeBase: Universal Components for React & React Native

NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.

nativebase.io

위 사이트는 공식 홈페이지인제 현재 3.x대로 나와 있고, 다양한 컴포넌트 들을 제공하고 있는 듯하다. 

찾아보니 리액트 진영에서 사용하는 3대 UI 컴포넌트 라이브러리는 native-base, react-native-elements, react-native-paper 크게 3개가 존재한다. 

다음 사이트에는 각 컴포넌트를 비교한 글이다. 나중에 참고하면 좋을꺼 같다. 

https://ccusean.tistory.com/entry/React-Native-UI-Components-Library-Top-3

 

React Native UI Components Library Top 3

Fullstack 개발자 혹은 개인 개발자의 경우 컴포넌트들을 일 일이 혹은 조금 예쁘게 꾸미기에는 시간과 노력이 많이 들어가게 됩니다. 그럴 때 UI 컴포넌트 라이브러리를 사용하여 개발 시간을 단

ccusean.tistory.com

 

모바일 라이브러리를 사용할 경우 설치 방법은 크게 4가지를 제공한다. 

1. Expo 프로젝트에서 사용하는 적용하는 법

2. 기존 React-Native 환경에서 적용하는 법

3. Next.js 환경에서 적용하는 법

4. 새로운 React-Native 환경에서 적용하는 법

https://docs.nativebase.io/installation

 

Getting Started | NativeBase | Universal Components for React and React Native

NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.

docs.nativebase.io

각 경우에 대해서 다음 사이트를 보고 명령어를 참고해서 사용하면 된다.

728x90
반응형

고향집에서 농사를 짓고 계신데 그중에서 가장 많이 생상하는 농산물이 고추입니다. 

그래서 요즘 공부하고 있는 리액트를 이용해서 간단한 고추 시세 조회 앱을 개발하였습니다. 

농산물 가격은  KAMIS(한국농수산식품유통공사)에서 제공하는 OPEN API를 이용하였습니다. 

리액트 네이티브는 처음 사용해 봤지만 이전에 Vue Native를 사용했던 경험을 살려서 구현 해보았습니다. 

확실히 최신 자바스크립트를 이용해서 인지 개발은 금방하였지만 역시나 제일 문제는 배포하는 과정이었습니다. 

현재 나오는 시세가 공공기관에서 조사하는 고추시세라서 신빙성이 있는지 없는지는 모르겠지만 농작물 시세를 알고 싶

어하시는 분들에게 많은 도움이 되었으면 합니다. 

구현하는데 제일 큰 목적을 둔 것은 가독성이 었습니다. 앱을 실행하자 마자 가격을 확인할 수 있도록 하는 이쁜 디자인

고민하여 개발하였습니다. 누군가에 꼭 필요한 앱이 되었으면 합니다.

play.google.com/store/apps/details?id=com.todayfarm&hl=ko&gl=US

 

고추시세 - Google Play 앱

kamis에서 제공하는 Open API를 활용하여 고추농산물의 시세 조회 앱입니다. V.1.0.2 시세 등락율 표시 및 도매 시세, 소매 시세 분리 V.1.0.0 초기 앱 배포

play.google.com

 

728x90

+ Recent posts