DOM(Document Object Model) : 문서 객체 모델이라고 하며 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. ▶ 요소를 추출 하는 메서드 document.getElementById("아이디"); // 아이디에는 중복이 없음으로 요소 한개만 반환한다. document.getElementsByTagName("태그명"); // 동일한 태그명을 찾아서 배열(여러개일 테니까) 에 담아서 반환 한다. document.getElementsByClassName ("클래스명"); // 동일한 클래스명을 찾아서 배열에 담아서 반환한다. ▶ innerHTML 여는 태그와 닫는 태그 사이의 값 여기가 ..

하기의 예시 같이 이미지들을 슬라이드 쇼 처럼 다음을 누르면 넘어가는 기능을 구현 해보고자 한다. 그렇다면 쿠팡 같은 사이트 처럼 메인화면에 이미지들이 1~2초 간격으로 변경 되는 기능은 어떻게 해야 하는 걸까? 바로! setTImeout을 사용해 주는 것이다. ▶ setTimeout(코드를 담고 있는 함수, 지연시간) : 어떤 코드를 바로 실행하지 않고 일정 시간 기다린 후 실행하게 해주는 내장함수이다. 첫번째 인자로 실행할 코드를 담고 있는 함수를 받고, 두번째 인자로 지연 시간을 밀리초(ms) 단위로 받는다.

회원가입 페이지를 만들어보자! ① 테이블 형식으로 깔끔하게 회원가입 틀을 만들어 주었다. 회원가입 ID PWD PWD확인 Email 가입 이렇게 테이블 형식으로 생성 해 주었고 이제 가입 버튼을 누르면 자신의 회원가입 정보가 뜰 수 있게 servlet을 연동 하자 ② servlet 재 정의 package test; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletReques..