심심한잉여의 잡동사니

오늘 날짜로 부터 2주간의 월~목을 출력해야하는 코드를 짜야 했으나 프론트에서 따로 하는 방법을 몰라 java로 진행했다. 위 코드와 같이 new Date()를 활용하여 오늘 날짜를 구한 후 for문과 setDate를 이용해 14일간의 날짜를 구했다. 이 날짜를 SimpleDateFormat을 활용하여 포멧을 맞춰주고 밸류는 DB에 들어가기 쉬운 포맷팅으로 밸류는 보기 편한 포맷팅으로 변경하였다.

function mapQuery(value){ navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude, lon = position.coords.longitude; $.ajax({ type : "GET", url : "mapQ", data : { lat, lon, value }, success : function (result) { $("#mapDiv").html(result); }, error : function (e) { $("#mapDiv").html("에러 " + e); }, }); }); } 위 코드와 같이 value 값을 받고 AJAX를 통해 불러오는 함수를 만들어서 지도가 표시..

세미프로젝트로 전기차 충전소를 알려주는 웹페이지를 만들기로 했다. 하지만 충전소만 알려주는거는 파워풀하지 못하다는 의견이 많아 커뮤니티 기능과 전기차 정보, 뉴스를 알려주는 플랫폼으로 변경하기로 했다. JDBC를 활용하여 전기차 충전소를 표현하는 지도를 만들기로 했다. 공공데이터 API를 활용하여 전기차 정보를 받은 테이블은 아래와 같고 필요한 정보는 빨간 동그라미로 표시했다. 이 정보는 충전기마다 ID가 따로 있고 STAT정보도 따로 있기 때문에 한번의 정보 가공이 필요할 것으로 보인다. 위 테이블을 아래의 SQL로 묶어 STAT에 맞춰 갯수를 가져오기로 했다. STAT값이 2인 경우 사용이 가능한 대기중인 충전기라는 뜻이므로 전체 갯수에서 STAT값이 2인 충전기가 몇개인지의 정보가 필요하기 때문이다..

jdbc를 활용하여 주소검색한 결과를 끌어오는 방법을 검색해보기로 했다. STAT별로 STATID가 중복되어 중복없이 STATID를 끌어오기위해 그룹을 사용했으며 주소에 검색하고자하는 주소가 들어있는 자료만 끌어오도록 LIKE SQL을 활용했다. 예를 들어 파라메터값으로 "서울특별시 관악구" 라고 값을 주고 끌어온다면 위 지도와 같이 관악에 있는 전기차 STATID만 끌어와서 마커가 입력된다.

navigator.geolocation은 VSCODE로만 사용했을 때 사용이 안되어서 사용 불가능한줄 알았지만 Chrome 50 버젼 이후로 HTTP 환경에서 사용이 불가능하게 되어 HTTPS 환경에서만 사용 가능 합니다. 또한 http://localhost 환경에서도 사용이 가능했다. 네이버 맵이 사용방법이 가장 잘 나와있어 네이버 맵을 예시로 들겠다. var infowindow = new naver.maps.InfoWindow(); function onSuccessGeolocation(position) { //실행할 함수 var location = new naver.maps.LatLng(position.coords.latitude, position.coords.longitude); map.setCen..

학원에서 세미프로젝트를 시작했다. 처음에 어떤 주제를 가지고 할지 고민이 많았었고 이쁘게 나올만한 주제인 전시회 플랫폼을 만들고자 했다. 하지만 이쁘게 만들어지긴 하겠지만 모두 크게 관심이 없는 주제였고 의욕이 생기지 않아 프로젝트 진행이 많이 더뎠다. 이에 과감하게 주제를 변경하자는 의견이 있었고 모두 찬성을 했다. 그렇게 여러 의견을 내던와중 최근 핫한 요소수재고가 있는 주유소 검색 페이지와 전기차 충전소를 확인하는 페이지로 추려졌고 확장성이 더 뛰어나고 관심이 더많은 주제인 전기차 충전소 페이지를 구현하기로 했다. 하지만 충전소만 알려주는 것은 너무 밋밋하기도 하고 확장성이 너무 없어 전기차 관련 플랫폼이라는 주제로 나가기로 했다. 그 이후 조원들과 ui설계팀, DB 및 백엔드설계팀으로 나누자는 의..