가는길지금 (프론트엔드)

구버전 가는길지금 App

기획 이유

최근 큰 이슈였던 지하철 시위는 사람들에게 갑작스러운 혼란이었다.

"미리 알았다면 이렇게 했을텐데.."
"이럴때 지금이라도 내려서 다른방법으로 가는게 나을까?"

이 외에 예견치 못한 대중교통 지연 이슈는 일상에 부정적인 영향을 주기 때문에 이런 상황을 알려주고 대응할 수 있도록 돕는 서비스가 필요하다 생각했다.

가는 길 지금은?

대중교통을 이용하면서 발생되는 다양한 이슈들의 원인과 소식을 확인하고 대응 가능하게 하며 유저 커뮤니티를 이용해서 더 다양한 정보를 공유할 수 있는 서비스

• 매일 다니는 경로의 이슈를 바로 받아보기
  저장한 경로에서 발생한 교통이슈를 모아볼 수 있어요.
• 한눈에 보이는 수도권 교통 이슈
  수도권에서 일어난 다양한 교통 이슈를 빠르게 확인할 수 있어요.
• 꼭 필요한 순간에만, 딱 맞는 교통 알림
  경로별 알림을 받을 시각을 설정할 수 있어요.
• 믿을 수 있는 교통정보와 유저 커뮤니티
  서울시 교통정보 시스템의 믿을 수 있는 데이터를 활용해요. 공지글에 댓글을 작성하여 실시간으로 상황을 공유할 수 있어요.

화면 구성

메인	지하철 경로 검색 결과	지하철 상세 경로	지하철 이슈 목록	상세 지하철 이슈

기술 스택

구분	기술	선택 이유 및 역할
코어 / 언어	React, React Native, TypeScript	React 생태계를 활용하여 웹과 앱의 개발 경험을 통일했습니다. TypeScript를 공통으로 사용해 코드의 안정성을 확보하고, 두 플랫폼 간의 개발 경험을 통일하여 유지보수 비용을 줄이고 개발 생산성을 극대화했습니다.
상태 관리	TanStack Query, Redux Toolkit, Recoil	서버 데이터는 TanStack Query로 복잡한 비동기 로직을 관리했습니다. 클라이언트 데이터는 규모가 큰 모바일 앱에서는 Redux Toolkit을, 웹에서는 Recoil을 선택하여 상태 관리의 복잡도를 조절했습니다.
스타일링	Tailwind CSS (NativeWind)	웹과 앱에서 Utility-First 접근 방식을 통해 별도의 CSS 파일 없이 빠르고 일관된 UI 개발이 가능했습니다.

App Store

IOS

Posting

신규 앱 사용해보고 소개하는 채널에 후기가 작성됐다.
가는길 지금, 무정차가 많아지는 요즘.