2023년 5/29~6/16(3주)
프론트 3명, 백엔드 2명
https://kdt-gitlab.elice.io/ai_track/class_07/data_project/team09/EVoyageJeju/-/tree/master
프론트
백엔드
엘리스에서 환경을 주제로 데이터 분석 프로젝트를 실시했다. 우리팀은 제주도 여행 시 전기차 이용을 독려하고 전기차와 관련된 정보를 주고 받을 수 있는 커뮤니티 사이트를 만들고자 했다.
전국의 전기차 비율을 살펴보면
차종별, 연료별, 규모별 등으로 구성된 데이터셋에서 연료별 차종 데이터를 추출해 전국 전기차 보급량 데이터를 추출하였다. 전국의 전기차 보급량을 비교했을 때 제주도의 전기차 보급률이 상위권에 위치하는 것을 볼 수 있었다.
제주도의 차량 CO2 배출량과 제주도 전기차 보유 대수가 증가하고 있다. 이것은 제주도의 전기차 보급량이 증가함에도 전기차 사용이 미비하다는 것을 시사한다.
제주도의 인구는 전국 하위 2순위로 매우 적은 인구가 분포되어 있음에도 전기차 보급률이 높다. 이것은 전기차 보급목적이 제주도 여행객들을 겨냥한 렌트카일 확률이 높다는 것을 의미한다.
그래서 제주도 여행 시 전기차 사용이 익숙치 않고 전기차의 이해가 부족하여 여행객들의 전기차 사용량이 적다고 생각하여 전기차나 여행 관련 정보를 제공하고 사용자들이 소통할 수 있는 커뮤니티 서비스를 개발하고자 했다.
프론트 엔드 역할을 맡았다. ✅ 표시 한 것이 내가 맡은 업무이다.
데이터 시각화를 통한 서비스 목적 소개
전기차 관련 환경 꿀팁 제공
커뮤니티
a. 전체탭, 여행탭, 전기차탭 구분
b. 게시글 목록 구현
- 게시글번호, 게시글 제목, 글쓴이, 등록일}, 좋아요 수로 목록 나타내기
- ❌pagination
- 작성 버튼 활성화
- ✅댓글 구현
c. 글 작성 페이지
- 글 작성의 여행, 전기차 구분
- 이미지업로드
- 확인 버튼, API
d. 상세게시글 조회 페이지
- 수정 버튼 활성화, API
- 삭제 버튼 활성화, API
- 좋아요 버튼 활성화
- 댓글 작성, 조회
가까운 충전소 찾기
데이터 시각화에서 데이터 시각화 하는 코드를 1개의 파일 안에 넣었더니 그래프가 그려지는 시간이 너무 오래 걸렸다.
off set 방식으로 페이지네이션을 하려고 시도했다. 하지만 전체, 여행, 전기차 탭으로 이루어져 있었는데 전체탭에서는 페이지네이션이 올바르게 작동했지만 여행탭과 전기차탭을 클릭했을 때 각각의 탭에서 페이지네이션이 되지 않았다.
댓글 구현 중, 댓글을 수정하면 모든 댓글이 수정되는 현상이 발생했다. 또한, 커뮤니티 페이지에 들어갈 때 첫화면에서 글이 보이지 않고 로그인을 해야 보이는 버그가 발생했다.
VM 배포한 후 내 위치 찾기 버튼이 작동하지 않았다.
그래프 별로 코드를 분리하여 3개의 파일로 만들었다.
페이지네이션 탭 전환 시 페이지네이션이 적용되도록 하려고 했지만 탭 전환 버튼을 클릭했을 때 if-else문으로 페이지네이션과 연동하려는 코드를 작성했지만 잘 작동이 되지않았다.
개발자 도구에서 Network 탭을 통해 프론트에서 백으로 요청을 보냈을 때 정상적으로 가는 것을 확인했다. 이것은 프론트의 문제가 아니라 백의 문제이므로 백엔드 댓글 라우터와 서비스 코드를 수정했다.
VM 배포 시 내 위치 찾기 버튼이 작동하지 않는 이유는 Geolocation은 배포한 환경이 사용자의 위치 공유가 허용되지 않는 http이기 때문이다. https에서 Geolocation 함수가 작동한다.