<
전기 충전소 안내 지도
>
🌠다음 포스팅🌠

2021-06-12-CODE-REVIEW
☄이전 포스팅☄

CRUD 구현 및 AWS 배포 실습
Tesla 주주에서 시작하는 웹 서비스

PORTFOLIO(#2)

Introduction

카카오 api를 사용하여 개발한 전기충전소 위치 제공 서비스입니다.

웹에서 간단한 주소를 입력하여 편리하게 지도로 확인가능하며 충전시간동안 여유시간을 이용하여 편의 시설을 이용할 수 있도록 공공시설 레이아웃을 제공합니다.

Stack

Back - end

1. Java (ver. 15.0.1)
2. Gradle (var. 4.10.2)
3. Amazon AWS
4. MySQL
5. Spring boot (ver. 2.1.9)

Front - end

1. Mustache
2. Javascript

Development process

1.MAIN PAGE

1 4 It consists of four-part slides that can be moved by scrolling and configured responsively so that the page size changes freely depending on the size.

You can search for addresses on the MAP slide No. 3, and when you do, go to the ADD Searching page.

2. Adresses Searching page

2

If the address search was successful, we had the DB bring in and display the entities that contained the address.

Click an address to send it to the MAP page and display it on the map.

It consists of 5 slides so you can check the information you need, such as developer information and vehicle company homepage.

3. Map page

3

Map configured using KAKAO map api.

The address coordinates received from the previous page have been configured to show the location on the map, and a layout to check the location of the amenities has been added so that convenience can be used during the vehicle charging time.

What did you learn?

  1. How to use API?
  2. Mysql - SpringBoot connetion.

Develop period

2021.01 ~ 2021.02

Notice

[WEBSITE DNS] http://www.ecstation.tk/

현재 aws 비용 미지불로 서비스가 중지되어 있는 상태 입니다.

Create a map that Charge station for electric vehicles With KAKAO Api

Top
Foot