[개인 Project] React-Native로 어플 만들기

김민성·2021년 6월 4일
0

알GO누비자

목록 보기
1/25

코드스테이츠에서 진행하는 프로젝트가 사실상 끝이 났습니다. 간단간 시연영상과 설명만을 남겨놓고 있는 상황에 기업협업 프로젝트를 진행한 저로서는 이번 프로젝트로는 성에 안차서 다른 프로젝트를 진행할 계획입니다.

프로젝트를 만드는 목적

저는 현재 창원에 거주하고 있는데요. 창원에는 서울의 '따릉이'와 비슷한 서비스인 '누비자'가 있습니다. 저는 평소에 누비자를 애용하는 사람 중 한명입니다. 하지만 저는 원래 타지에서 와서 그런지 자전거의 터미널들이 어디에 위치해 있는지, 해당 터미널에 자전거가 몇 개가 남아있는지 자전거를 주차할 계획인데 자리가 있는지 확인하는데에 매우 불편함을 느끼고 있습니다.

저는 주차할 터미널을 찾아서 동네를 돌아다닌 적도 많고, 터미널에 도착했지만, 자전거를 주차할 공간이 없어 다른 터미널을 찾으러 다시 돌아다닌 적도 있습니다. 그런데 누비자는 현재 웹사이트에서만 터미널 현황서비스를 제공하고 있었습니다. 그래서 저는 현대인들이 많이 사용하는 휴대폰으로 터미널의 현황을 확인하고 싶기 때문에 나의 위치와 주변 터미널의 위치, 터미널의 주차공간 등을 확인할 수 있는 어플리케이션을 만들어 보기로 했습니다.

Stack

검색을 했더니 자바스크립트로 어플리케이션으로 만들기 위해서는 React-Native를 사용하면 된다고 나와있습니다. 그리고 expo라는 라이브러리를 사용하면 안드로이드, ios 전부다 호환되는 코드를 작성할 수 있다고 하네요! 정말 좋았습니다. 저는 현재 우분투를 사용하고 있지만 휴대폰은 아이폰이고, 현재 누비자 관련 어플이 구글스토어에 하나 있었는데 업데이트한 날짜가 예전이어서 저도 구글스토어, 앱스토어 두개 전부 다 만들어 보고 싶었기 때문입니다. 저의 목적에 딱 맞는 스택이라고 생각하기 때문에 React-Native를 사용하기로 했습니다.

API 문서

누비자는 창원시 안에서 운영하는 서비스이기 때문에 누비자 홈페이지에서 개인적으로 신청을 하면 터미널위치, 개수, 자전거 개수 등을 받아올 수 있습니다.(참고: https://www.nubija.com/main/main.do)

와이어프레임

현재 생각한 구상은 어플리케이션 시작 시 지도화면과 함께 주변의 특정 개수의 터미널 위치가 바로 나올 수 있도록 구현하는 쪽으로 생각하고 있습니다.
그림은 차후에 등록할 계획입니다.

프로젝트이름

'알GO 누비자'
이미지 차후 업데이트 예정입니다

Stack 연습

React-Native를 처음 사용하기 때문에 매우 난관을 겪을 것 이라고 생각합니다. 그렇기 때문에 아래 블로그를 참고하여 간단한 todolist를 만들고 난 후 프로젝트를 시작할 계획입니다.
(참고:https://velog.io/@eassy/Expo-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0)

profile
https://github.com/alstjd8826

0개의 댓글