[miniProject-1] 6. JavaScript 위치 가져오기 및 JSP 페이지 구성

6. JavaScript 위치 가져오기 및 JSP 페이지 구성

---

1) JavaScript 위치 가져오기

• document.getElementById

: HTML 문서 내의 ‘id’와 일치하는 값을 받아온다. (참고)

LAT: <input type="text" id="lat" name="lat" value="0.0"> , LNT: <input type="text" id="lnt" name="lnt" value="0.0">

function getUserLocation() {
    	navigator.geolocation.getCurrentPosition(function(pos) {
            console.log(pos);
            var lat = pos.coords.latitude;
            var lnt = pos.coords.longitude;
            const elem1 = document.getElementById('lat');
            const elem2 = document.getElementById('lnt');
            elem1.value = lat;
            elem2.value = lnt;
        });
}
//jsp 내에서는 <script></script> 테그로 감싸주면 된다.

2) 파라미터값 받아오기

• request.getParameter

  : name이 동일한 값의 파라미터 값을 받아온다. (참고)

  LAT: <input type="text" id="lat" name="lat" value="0.0"> , LNT: <input type="text" id="lnt" name="lnt" value="0.0">
  

  <%
      Date now = new Date();
  	ArrayList<Data> list = new ArrayList<>();
    
  	String lat = request.getParameter("lat");
  	String lnt = request.getParameter("lnt");
    
  	if(lat != null && lnt != null) {
          String time = now.toString();
          WifiService wifiService2 = new WifiService();
          wifiService2.insertHistory(lat, lnt, time);
          list = wifiService2.getLocation(lat, lnt);
      } else {
          lat = "0.0";
          lnt = "0.0";
      }
  %>
  

3) 과제를 통해 알게 된 사실

1. html과 사용자가 입력한 값을 받아오기 위해서는 ‘파라미터’를 넘겨받는다. (주소창에 넘겨오는 것에 따라 GET / POST가 있음).
2. jsp 페이지에서는 java코드가 특정조건에 쌓여있지 않으면 페이지가 로딩될 때 실행되게 된다. (insert 메서드 등이 그대로 노출되어 있으면 곤란하다)
3. 단순한 구조라 큰 문제는 없었지만, Dto, Service 등의 구조화가 필요할 것 같다. (Spring에서 추가로 학습 예정)

---

마지막 수정일시: 2022-08-09 01:45