🚌 강원대학교 300 BUS 알림이 🚌

강원대 300번 버스 알림 웹앱

 

목차

• 프로젝트에 대하여
  • 왜 이프로젝트를 기획했는가?
• 기술 스택
• Getting Started
• Details
• • Description
  • Architecture
  • Demo
  • Run
  • Deploy
• Contributers 

  

프로젝트에 대하여

왜 이 프로젝트를 기획했었는가?

강원대학교에 직통을 가는 버스는 지난 19년도 11월 중반쯤부터 지나다니기 시작했습니다. 문제는 이 버스가 언제 오는지 정확하게 파악하기가 그당시에는 어려웠습니다. 그래서 버스 알림앱을 만들어서 배포 혹은 출시를 해보면 어떨까라는 마음에 제작하게 되었습니다.

(물론 버스가 처음 돌아다닐때 쯔음에는 네이버 지도나 카카오 지도에는 안떴지만 현재는 모두 뜨고 있습니다.)

개발 과정들

원래는 보일러 플레이트를 적용해서 만들었었던 프로젝트였으나, React+Spring Boot의 연동을 성공하여 이 레포지토리로 옮겼습니다 당시에는 gradle로 작업하였으나 현재는 Maven으로 만들었습니다. 당시의 커밋을 확인하시려면, https://github.com/ventulus95/KangwonBUS/commits/master 를 참고해주시면 됩니다.

 

기술 스택

• Java 8
• Spring Boot 2.2.4.RELEASE
• React
• Maven

 

Getting Started

 

Details

Description

• API : 공공데이터포털 중 오픈 API인 도착정보조회서비스 와 버스노선정보조회서비스
  공공 데이터 포털에서 버스노선 정보조회서비스로 강원대학교 300번 버스 노선을 조회후 각 정류장마다의 도착시간을 도착정보조회 서비스로 불러들여 도착하는 시간을 체크합니다.

  
  

 

 

Architecture

<사진 필요>

Spring Boot가 백엔드 Rest API서버를 담당하고 특정 URL에 따라서 JSON 값을 파싱해서 전달합니다. 그것을 React가 그 JSON값을 받아 화면을 구성합니다.

 

Demo

Run

1. 실행시키기 전 주의사항 src/main/resources/application.yml 의 키값이 있기 때문에 application.yml 파일을 생성해주셔야지 오류가 발생하지 않습니다.

   spring:
     thymeleaf.cache: false
     template.cache: false
   
   data:
     ServiceKey: [자기가 가지고있는 공공데이터 포털의 API 키값]

2. Run시 ReactspringbootApplication 를 직접 Run하여도 작동합니다.

   

3. 혹은 Maven의 plug-in의 Spring-boot:run 을 이용해도 정상적으로 작동합니다.

   

Deploy

1. 빌드를 하기 위해서는 Maven의 Install을 이용합니다.

reactspringboot-0.0.1-SNAPSHOT.jar 파일명이 저장됩니다.

명령어인 ./mvnw clean install를 이용하거나

이미지 속의 install 이용합니다.

간혹 이전 build가 그대로 이용되는 경우가 발생할 수도 있으므로 Clean후 Install 해주시는걸 권장합니다.

 

2. 파일 저장 위치

   파일은 target/reactspringboot-0.0.1-SNAPSHOT.jar 에 있고 src 폴더와 동일위치에 생성됩니다.

 

3. 서버에 올리는 작업 FTP 서버와 SSH를 이용하는 방법 중 SSH 선택합니다.

scp : scp 파일주소 [ID명]@[IP주소]:[서버의폴더경로] 를 통해서 옮깁니다.

 

4. 실행

   java -jar [파일명.jar]

Contributers

• 개발
  • 이창섭 (ventulus95)
  • 김종원 (solo95)