proceane / traffic_heroku

교통량 프로젝트를 heroku로 배포(https://highway-traffic.herokuapp.com/)

HTraffic

이전에 작업했던 교통량 프로젝트를 개편하여 heroku로 배포
site : HTraffic

branch

main : 메인 브랜치, 모든 작업 완료 후 heroku에 연결 heroku-deploy : 작업 브랜치, 개발시 heroku 빌드 테스트 브랜치

heroku-deploy에서 작업 후 오류가 발생하지 않으면 빌드 테스트 후 main브랜치로 merge

이전 프로젝트와 차이

	기존 로직	변경 로직
페이지 구성	메인페이지에 검색, 통계데이터 모두 표시	메인페이지 : 통계데이터, 검색페이지 : 검색데이터로 분리
검색 로직(front)	도로 노선 선택후 구간을 콤보박스로 선택	검색창에 지역명이나 IC, JC, 톨게이트명을 입력하면 검색 자동완성
데이터 조회	데이터 조회 관련 메소드마다 api url request, BeautifulSoup로 xml데이터 수집	url 1회 요청하여 json데이터 수집후 필요한 로직에 사용

작업 기간

2021.07.12 ~ 2021.07.17(5일)

library

django
gunicorn
django-heroku
requests

주의사항

실시간 소통 데이터는 1, 3, 5, 7, 9분마다 데이터가 갱신되어 해당 시간에 데이터 조회시 속도가 저하될수 있음

Reference

template : https://github.com/tailwindtoolbox/Admin-Template
autoComplete : https://www.w3schools.com/howto/howto_js_autocomplete.asp
traffic data : 한국도로공사 실시간 소통데이터

traffic_heroku's Issues

[To-Do] 메인페이지 데이터 표시

추가할 기능
api에서 가져온 데이터를 메인페이지에 표시

기능 상세설명
데이터를 분리하여 top, 차트에 사용

주의사항

[To-Do] 검색페이지 데이터 표시

추가할 기능
검색페이지에 데이터 표시

기능 상세설명
api로 가져온 데이터를 html에 표시

주의사항

[To-Do] django app setting

추가할 기능
앱 세팅

기능 상세설명
config/settings.py에 앱 추가

주의사항
설정후 테스트 필수

[To-Do] 템플릿 수정

추가할 기능
데이터 내용에 맞게 아이콘 수정
검색페이지 안내문구 수정

기능 상세설명
메인, 상세페이지에 교통량, 속도 데이터 표시하는 부분에 있는 아이콘을
데이터에 맞게 수정하기
안내문구는 지역명이나 IC, JC 명칭을 검색해보세요! -> 지역명, IC, JC를 입력한 다음 원하는 구간을 선택하세요

주의사항
템플릿 설정한거 건들지 않기

[To Do] 화면 디자인

추가할 기능
메인페이지, 검색페이지

기능 상세설명
html파일 다 만들면 template폴더에 담아서 commit

주의사항
css랑 js도 가져오기

[To-Do] django app 생성

작업내용

traffic 프로젝트에 사용될 app 생성

[To Do] static file 연결

추가할 기능
css, js 등 정적파일 연결

기능 상세설명
settings.py에 정적파일 경로 설정하고
html에 입력되어있는 css, js경로를 static 경로로 수정

주의사항
자동검색이나 custom.css 잘 적용되는지 테스트

[To-Do] 템플릿 설정

추가할 기능
만든 템플릿을 연결

기능 상세설명
settings.py에서 템플릿 위치, 정적파일 위치 설정

주의사항

[To Do] 기능 구현

추가할 기능
메인페이지 교통량, 속도 Top5
검색페이지 검색

기능 상세설명
교통량 api로 데이터를 가져오고 전처리, 정렬후 Top5데이터 추출
검색데이터는 전처리과정x

주의사항
로컬에서 오류 없는거 테스트 후에 커밋