입력받은 첫값부터 끝값까지의 합 구하는 창 기본적으로, sum.jsp도 html과 똑같다. 를 사용하지않는이상 차이가 없다. SumServlet.java는 doGet메서드안에서 입력된 정수값을 인코딩하고, 값을 변수에 저장한다. 그리고 반복문을 통해서 범위안의 합계를 브라우저에 출력한다. sum.jsp에서 앞전의 Servlet 코드와 거의 같다고 보면 될 것 같아요. 기본적인 틀을 우선 jsp나 html에서 만들어야합니다. 여기서는 정수의 처음과 끝을 입력해서 범위안의 숫자들의 총합을 구하려고 하는 것이기 때문에, 처음값과 끝 값을 입력할 input태그의 text타입이 2개 필요하다. 그리고 당연히 Servlet에 전송하기위해서 form태그가 필요하다. (경로: Servlet파일. 메서드:doGet())..
기본적인 로그인창 만들기 login.html : 아이디,암호,버튼 값을 form으로 서블릿에 전송한다 loginServlet.java : doGet메서드에서 전달받은 값 저장 -> 인코딩 -> id, pw를 출력한다. login.html에서 기본적인 틀을 만들어놓는다. input태그를 통해 아이디, 암호를 입력하고 button을 누르면 값이 Servlet으로 전송되도록 하는 구조이다. 이때, submit버튼과 form태그는 세트라고 생각하면 될 것같습니다. 아무튼 만들어진 값들을 loginServlet.java에 전송하고 있습니다. (doGet메서드방식으로) 1 2 3 4 5 6 7 8 9 아이디: 암호: 더보기 loginServlet.java (Servlet)에서 입력받은 값들을 출력하는 코드를 작성하..
Servlet을 통해서 개인정보창 만들기 (이름,아이디,비번,성별, 메일 (광고,공지,배송), 직업(유치원생, 회사원, 대학생), 제출버튼) Person.html : 기본적인 개인정보를 각각의 input태그를 통해서 입력받아서 form태그를 통해 doget메서드로 전송 PersonServlet.java : 전송받은 값들을 변수에 저장하고, 브라우저에 출력한다. 이때, checkbox와 select와 radio중에서checkbox는 배열로써 저장한다. radio도 한개만 선택, select도 한개만선택. (name을 같게 해주면 단일선택??, 쇼핑몰페이지에서 결재카드쪽에서 다른 if방식도 있음) 우선, 위의 내용과 같이 기본적인 틀을 만들어야겟지요? 기본적인 틀을 통해서 값을 입력하도록 할거에요. 입력된 ..
구글맵 API를 이용해서 지도 나타내기 (현재위치 표시, 위경도 출력) 어떻게 만들건지 기본적인 틀을 짜도록 하자. 위치찾기버튼 중단버튼 위경도를 보여줄 div 지도를 보여줄 div => 총 버튼2개, div2개를 만들어놓도록 하자. 1 2 3 4 5 6 7 위치확인시작 위치확인중단 맵 로딩 예정입니다. 이제 본격적으로 기능을 작성해야하는데, 다소 주석처리들로 인해서 보기 불편할 수 있을까봐 재차 코드를 작성하면서 풀어서 설명하겠습니다. 가장 먼저 구글 맵 API를 가져와서 사용해야하기때문에 구글맵API를 아래와 같이 적용시켜줍니다. 그리고, 위치찾기버튼을 눌럿을경우, getCurrentPosition대신에 geolocation.watchPosition를 써도 됩니다. 매개변수도 똑같이 작성하면 됩니다...
BOM의 navigator 내장객체란? Jquery에는 DOM과 BOM이 있다고 했어요. 그 중에서 BOM (Browser Object Model)의 내장객체중에서 navigator이 있습니다. 인터넷 웹 서칭을 하다보면 지도를 많이 볼 수 있을거에요. 지도를 직접 웹에 불러오도록 하는 것을 아래 코드를 통해서 보여드릴게요. 우선, 이번 글에서는 navigator를 통해서 현재 ip의 위도,경도를 브라우저에 출력하도록 할게요. 버튼타입을 누름으르써, 해당 결과값이 출력되도록 설계를 할 수 있습니다. 그렇다면, 아래와 같이 input타입의 button과 결과를 받아볼 수 있도록 div를 만들어 주면 됩니다. 1 2 3 4 5 기본적인 틀이 만들어 졌다면, 이제 Jquery를 통한 기능들을 작성해야겠죠? S..
이미지나열& 타이머를 통한 이벤트_심화문제 !! 모두들 이번 문제까지 열심히 풀고 마스터 고고!! 지정된 이미지배열을 for문안에서 after이벤트를 이용해서 순나열한다. 그리고, 타이머이벤트를 통해서 끝에서부터 하나씩 그림을 없애면서 경고창으로 이미지배열길이를 보여준다. 마지막으로, 이미지가 없어지면 타이머를 종료하도록 설정하는 문제. 우선, 제일 먼저 알아야할 것은 1) 가 작성되어 있는지 확인한다. 2) 현재 작성파일과 같은 경로에 jquery-3.2.1.min.js파일이 있는지 확인한다. 3) 있다면, 가장 먼저 JQuery시작문법으로 작성은 $(document).ready(function(){});를 해야한다. 4) 이미지배열을 통해 이미지를 브라우저에 보여주기위해서 경로설정을 잘 해야한다. /..