노력중인 게으름뱅이

Event Listener 등록Event Listener를 DOM load 후에 등록하여 조건에 따라 UI가 바뀌게 해야한다. document.addEventListener("DOMContentLoaded", function() { var list = document.querySelectorAll("div"); for(var i = 0 len = list.length; i < len; i++) { list[i].addEventListener("click", function() { console.log(list[i]); }); } });위와 같이 "DOMContentLoaded"를 매개변수로 넣어서 document에 event listener를 등록할 수 있다. 추가로 querySelector 함수를 이용..

1. JDBC Java Database Connectivity의 약자이다. Java를 이용해서 데이터베이스에 접속하고 SQL을 수행하고, 결과로 얻어진 데이터의 핸들링을 제공한다. SQL문을 Java 프로그램 내에서 실행하기 위해 API를 제공해준다. 2, 환경 설정 JDBC를 사용하기 위해선 Maven에 아래와 같은 의존성을 추가하면 된다. 만약 다른 빌드 환경을 사용하고 있다면 알아서 찾아보길 바람.. mysql mysql-connector-java 5.1.45 3. JDBC를 이용한 프로그래밍 1. import java.sql.*; 2. Driver 로드 3. Connection 객체 생성 4. Statement 객체 생성 및 SQL 실행 5. ResultSet 객체 생성 및 결과 저장 6. 모든 ..

Maven을 이용하여 프로젝트를 만들면 종속성을 관리하기가 아주 쉬워지므로 여기에 정리한다.Maven 웹 프로젝트 생성이클립스에서 File -> New -> Other에서 Maven -> Maven Project를 선택한다. Next를 하다보면 아래 그림 2처럼 Archetype을 선택하는 창이 나온다. Archetype은 일종의 프로젝트 템플릿이라고 할 수 있다. 어떤것을 선택하느냐에 따라서 자동으로 여러가지 파일들을 생성하거나 라이브러리를 셋팅해준다.maven-archetype-webapp을 선택하고 Next를 누르자. 아래 그림 3처럼 여러가지 값을 적는 창이 나타난다.Group Id는 프로젝트를 진행하는 회사나 팀의 도메인 이름을 거꾸로 적는다. Artifact Id는 해당 프로젝트의 이름을 적는..

웹 어플리케이션에서 데이터는 scope에 따라 접근 범위나 수명이 달라진다. scope는 page, request, session, application 네가지가 있다. Page scope지역 변수와 비슷해서 거의 안쓰인다. 만약 쓰고 싶다면 jsp 내에서 pageContext.setAttribute, pageContext.getAttribute를 이용해서 사용할 수 있다. pageContext는 jsp의 내장객체로 이미 존재해서 따로 정의할 필요없이 사용가능하다.Request scope요청을 받아서 요청이 끝날때가지 유지되는 scope이다. forward를 사용하여 다른 servlet이나 jsp로 값을 넘겨줄 때 사용할 수 있다. jsp 내에서 request 내장객체로 setAttribute, getA..

Git에 .classpath와 .project 파일 등 gitignore에서 프로젝트 설정과 관련해서 저장소에 올리지 않는 파일이 있으면, 나중에 clone하여 작업할 때 다시 프로젝트 속성을 설정 해야한다. 1. 프로젝트 우클릭 후 Properties에 들어간다. 2. Java Build Path 카테고리에서 Libraries 탭에 들어간다. 3. JRE System Library를 jdk 경로에 맞게 설정한다. 4. JSP와 Servlet의 인식이 안되는 것을 방지하기 위해 외부 jar 파일들을 추가한다. 설치한 apache의 lib폴더에서 jsp, servlet api를 추가한다. 5. Project Facets에서 Dynamic Web Module과 Java를 선택하여 적용한다. (버전 설정도 잊..

Redirect요청받은 Servlet이 redirect를 한다면 헤더에 결과값으로 30x를 보내고 redirect할 URL을 같이 보낸다. 그러면 Client는 결과값이 30x임을 확인하고 Server에 해당 URL로 요청을 다시 보내게 된다. 보통 302가 결과값으로 들어가는데 자세한 것은 아래 참고 링크를 확인하자. 요청이 두 번이므로 Request와 Response 객체가 2번 만들어지게 된다. 그리고 요청을 다시 보내는 것이기 때문에, 결과 주소가 달라지게 된다. ForwardRedirect와 달리 응답은 한 번이고, 서버 내부에서 역할을 위임한다. 따라서 Request, Response 객체를 같은 것을 사용하며, Forward를 한 Servlet1의 Request, Response 객체가 Fo..

window 객체전역 객체라서 default이므로 생략할 수 있다. window에는 비동기 호출 등 다양한 함수가 존재한다. 그 중 대표적인 것으로 setTimeout이라는 함수가 있다.setTimeout function run() { console.log("run start"); setTimeout(function() { var msg = "hello"; console.log(msg); }, 2000); console.log("run end"); }위와 같이 사용할 수 있다. setTimeout 함수는 매개변수로 받은 함수를 지정된 ms 뒤에 호출해주는 역할을 한다.중요한 것은 setTimeout은 비동기 함수이므로 setTimeout에 지정한 함수가 호출될 때까지 기다리지 않는다. 따라서 위 코드를 ..

Servlet이란WAS에서 동작하는 Java 클래스이다. Web Application에서 사용자의 요청을 동적으로 처리하는 역할을 한다.Servlet 라이프 사이클Web Application이 시작될 때: init요청이 들어올 때마다: serviceWeb Application에서 Servlet이 변경되거나 Web Application이 종료: destroyServlet 사용 @WebServlet("/today") public class TodayServlet extends HttpServlet { private static final long serialVersionUID = 1L; public TodayServlet() { // TODO Auto-generated constructor stub } pr..