[01] 생성형 AI 없이 개발하는 리액트 네이티브 앱 제작기.ZIP

AI를 잘 활용하는 사람이 앞서나가는 시대지만, 바이브 코딩이 대세인 시대지만! 회사 업무를 진행할 때 빠른 처리를 위해 실력 Cursor, ChatGPT 등 생성형 AI에만 의존하고 나는 그대로인 모습을 발견하게 됐다. 이미 익숙한 NestJS 대신 미숙한 리액트 네이티브 개발을 진행해보며 구글링, 스택 오버플로우, 깃헙 이슈 등 여러 개발 문서들을 보며 조금 더 발전하고 싶은 마음에 진행하게 됐다.

 

이렇게 되다가는 도태되지 않을까? 싶은 마음에 시작하게 된 사이드 프로젝트긴 하다.

물론 요번 프로젝트가 끝나면, 생성형 AI만 무지성으로 사용해서 모바일 앱을 만들어보는 과정도 경험해볼 예정이다!

 

00. 프로젝트 개요

- 주제 선정

등린이 ~ 등산 고인물까지 사용할 수 있는 코스 추천 및 등산 아카이브 앱

 

- 유사 앱 조사

기존 유명한 등산러들을 위한 앱에는

트랭글, 램블러, 블랙야크

정도 있는 것 같다.

 

1. 트랭글

Android, iOS, 애플워치 지원

등산 뿐만 아니라 다양한 종목을 지원하며, 본인의 운동 화면을 커스텀할 수 있고 운동거리, 시간, 칼로리 소모량 측정 후 월별 계산을 진행해줌! 등산의 경우 GPS로 위치를 파악하거나, 길안내까지 가능. 방문인증 뱃지가 국내 뿐만 아니라 해외까지 받을 수 있어서 사용자가 모으는 재미를 느낄 수 있다.

 

2. 램블러

GPS 기록을 넘어서 사진, 영상, 녹음을 통해 본인의 등산 스토리를 남길 수 있고 등산 가이드가 될 수도 있음. 오프라인 지도를 다운 받아 데이터나 WiFi가 되지 않는 환경에서도 코스를 확인할 수 있음. 카테고리 별로 등산로를 리스트업 (100대 명산 등), 트랭글과 마찬가지로 방문인증 수첩 콜렉션이 가능.

 

3. 블랙야크

블랙야크 100대 명산을 기록할 수 있는 앱, 다녀온 산을 인증하거나 최근 산행 인증 피드(인스타그램 느낌?), 지역별 도전 클럽에 가입할 수 있고 기념패치 등 블랙야크 기념품을 살 수 있는 클럽샵 존재. 아무래도 대표적인 등산 브랜드에서 운영하는 앱이라 등산러들이 실제 할인 쿠폰으로 블랙야크 제품 구매까지 유도해서 메리트가 있음.

 

- 기술 스택

클라이언트: React Native (TDD)

서버: NestJS (DDD)

빌드 프레임워크: Expo Cli

언어: TypeScript

상태관리: React Query + Recoil

스타일: Styled Component

컨벤션: Eslint + Prettier

데이터베이스: Postgres SQL + Prisma

테스트: Jest

배포: Docker + Nginx

 

 

AI 없이 클린코드를 .. 작성해봐야지.

무지개 보노보노 같은 코드 작성은 안된다!!!!!

 

최대한 공식문서를 활용해봐야지. 프로젝트 마지막까지 파이팅................ ㅎㅎ