본문 바로가기
Develop/ReactNative

네이티브 살짝 건드려보기

by ys2ys2 2024. 11. 9.

2차 프로젝트가 끝나자마자 3차 프로젝트가 시작됐고

 

3차 프로젝트 주제는

< 주유소/전기차 충전소 정보 제공 및 현재 위치 기준 목적지 추천 시스템 >

이건데.. 

 

프로젝트 주제를 듣고 바로 생각이 들었던 건

주유소 전기차 충전소 정보 제공, 위치 기준 목적지 추천이라는 주제는 좋지만

이걸 웹으로 구현을 한다고 해도 활용도가 높을까?

요즘엔 다 모바일 기기로 네비나, 지도로 주유소 찾고 하는데

사용자들이 굳이 웹으로 검색을 할까? 였다.

그래도 그냥 프로젝트니까 '이런 페이지를 구현했다.' 하는 거에 목표를 두고 개발을 하고 있었다.

 

3차 프로젝트가 시작되자 마자 1차 최초보고를 했고 멘토님이 우리 팀의 최초보고를 보고

이런 피드백을 내려주셨다.

(여담이지만 우리팀 PPT ,발표 미쳤어 너무 잘 만들고 발표도 잘해!!! 그냥 행복 그자체인 3차플젝!!)


전기차나 주유소에서 주유정보 등등을 제공하는건 아이디어 차원에서 좋지만 사실 이런 서비스가 현재도 많이 운용되고 있다.

주유정보는 개발 단계에서 큰 문제가 없다. 주유소도 많고 네비게이션 상으로도 실시간으로 주유 금액(경유,휘발유)이 표시가 되고 큰 문제는 없을거지만 이런 서비스의 가장 큰 문제점은 전기차 충전소다.

 

1. 전기차 충전기의 고장 상태가 바로바로 업데이트 되지 않으면 사용자에게 큰 불편을 초래 +

고장난 충전기의 정보들이 실시간으로 업데이트가 안 되고 있는게 현실이다.

 

2. 현실적으로 자동차를 사용하는 사람들은 모바일, 네비게이션의 활용도가 높은데 이 서비스는 최소한 모바일로 서비스 되지 않으면 사용하기가 어렵다.

 

라는 피드백을 해주셨다.

 

전기차 페이지 내가 맡았는데,,ㅎㅎ

 

그래서 내린 결론!

 

1. 1번의 문제점은 사실상 완벽하게 해결 할 수 있는게 없다. API를 받아서 사용하는 입장에서 API가 빨리빨리 업데이트 되길 기다리는 수밖에.. 그래도 보완을 할 수 있는건

프로젝트에 커뮤니티 기능이 있다. 커뮤니티 기능을 활용해서 지도에서 아이콘을 클릭하고 충전소 정보를 제공할 때 리뷰처럼 '여기 충전기 몇번 고장나 있어요~' 식으로 사용자들의 커뮤니티로 보완을 하려고 한다.

(이것도 사용자들의 커뮤니티가 활성화 되지 않으면 효과는 없을 것이라고 생각되지만.. 보완이니까!)

 

2. 최소한 모바일로 서비스 하려면 당장 생각나는건 리액트 네이티브 밖에 없다. 그리고 반응형 웹 정도?

프로젝트 기간이 한달밖에 안되고, 중간에 SQLD 시험도 봐야해서 시간이 촉박하기 때문에

가장 좋은 대안은 반응형 웹일거라고 생각하고

팀 전체적으로는 각자 맡은 페이지에 반응형 웹 css를 추가해서 모바일 기기에서 웹 접속시에도 불편함이 없게 구현하는 것을 목표로 진행하려고 한다!

 

 그리고.. 욕심을 내자면 1차 프로젝트때 리액트도 해봤고, 추석엔 리액트 네이티브와 함께 지냈으니.. 한번 도전..? 해보려고 한다.

잘 되면~ 내가 설명할 수 있을 정도면~ 다른 팀원들한테도 같이 해보자고 꼬셔보기~

그러고 진행도 보고 중간발표나, 최종발표때 멘토님한테

"최초 보고시에 최소한 모바일 서비스로 사용하는게 좋다고 하셔서 이렇게 해봤습니다~ (네이티브로 만든 앱을 키며..)"

가 현실이 될 수 있게 열심히 해보려고 한다!

 

일단 노트북에다가 환경설정하기

리액트를 사용하기 위해

node.js 설치! 버전은 18.20.4 LTS

npm 환경변수 해주기!

(C:\Program Files\nodejs\)

node, npm -v

 

버전이 잘 보인다! 설치 완료!

 

다음으로는 안드로이드 스튜디오 깔고 vscode로 네이티브 프로젝트 만들기! 버전은 0.72.6으로!

npx react-native@0.72.6 init NativeCarPlanet --version 0.72.6

 

native npx install

 

 

설치까지 챡챡 진행 완료!

 

자 이제 그럼 프로젝트 생성된 폴더로 가서 npm start 후 a(안드로이드)

npm start

 

 

쪼오끔 기다리니까 안드로이드 스튜디오에서 켜졌다!

npm start -a

 

자.. 셋팅은 다 되었으니.. 검색의 검색의 검색을 통해 한번 해보려고 한다..

될지 안될지는 해봐야지 아는거니까 일단 해보기

(천천히 ❌! 빨리빨리 하겠어요!!)

 

프로젝트에도 네이티브에도 둘 다 완성도가 떨어질 것 같으면 빠르게 네이티브 포기하고 프로젝트 완성도 높이기!

 

한번 해볼게요.