우디의 개발 블로그

이벤트 객체의 메서드인 Event.stopPropagation() 를 이해하기 위해 일단 이벤트 버블링에 대해 알아보자. 버블링이란? 버블링이란 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하는 것을 말하며, 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. 간단한 예시를 통해 버블링이 어떻게 발생하는지 알아보자. FORM DIV P 가장 안쪽의 요소를 클릭하면 다음과 같은 순서로 동작이 나타난다. 에 할당된 onclick 핸들러가 동작함. 에 할당된 onclick 핸들러가 동작함. 에 할당된 onclick 핸들러가 동작함. document 객체를 만날 때까지, 각 요소에 할당된 onclick 핸들러..

index.html progress initiate progress-bar.css .progress-bar { background-color: #09B864; border-radius: 4px; box-shadow: inset 0 0.5em 0.5em rgba(0,0,0,0.05); height: 5px; margin: 2rem 0 2rem 0; overflow: hidden; position: relative; transform: translateZ(0); width: 100%; } .progress-bar__bar { background-color: #ececec; box-shadow: inset 0 0.5em 0.5em rgba(94, 49, 49, 0.05); bottom: 0; left: 0; ..

주석 주석은 프로그램 소스에 텍스트로 된 간단한 설명문을 넣는 것을 말합니다. JSP는 특성상 자바, HTML, JSP 코드가 섞여 있으므로 주석도 혼용해서 사용됩니다. JSP는 프로그램 요소를 포함하기 때문에 프로그램 코드와 관련한 주석이 필요할 때가 있습니다. HTML 주석 vs JSP 주석 HTML 주석 : 클라이언트로 전달되는 주석입니다. JSP 주석 : 클라이언트로 전달되지 않는 주석입니다. 선언 선언문을 사용하면 JSP에서 메서드나 멤버변수를 선언할 수 있으므로 프로그램 요소를 구현하기가 수월해집니다. 선언문은 선언 태그 사이에 기술합니다. 일반적으로 JSP에서 자바 코드를 확장하는 것보다는 별도의 빈즈 클래스를 사용하는 것이 좋기 때문에 선언문 사용을 권장하지는 않습니다. 표현식(Expres..

out 내장객체 out은 출력 스트림으로써, 사용자 웹 브라우저로 출력하기 위한 채널입니다. 스크립트릿에서 브라우저로 텍스트를 출력하는 데 사용됩니다. javax.servlet.jsp.JspWriter 객체의 참조 변수로, 버퍼 관련 메서드와 출력 관련 메서드로 구성 out 주요 메서드 메서드 설명 getBufferSize() output buffer의 크기를 바이트로 알려준다. getremaining() 남아 있는 버퍼의 크기 중 사용 가능한 비율을 알려준다. clearBuffer() 버퍼에 있는 콘텐츠를 모두 지운다. flush() 버퍼를 비우고 output stream도 비운다. close() output stream을 닫고 버퍼를 비운다. println(content) content의 내용을 ne..

JSP 내장객체란 'JSP 내에서 선언하지 않고 사용하는 객체' 입니다. 보통 스크립트릿에서 사용하며, 내장객체를 통하면 사용자 요청을 컨트롤하거나 페이지 간의 데이터를 공유할 수 있습니다. 1. request 사용자 요청과 관련된 기능을 제공하는 내장객체이다. javax.servlet.httpServletRequest 객체에 대한 참조변수 HTML 폼을 통해 입력된 값을 JSP에서 가져올 때 사용 request 주요 메서드 메서드 설명 getParameterNames() 현재 요청에 포함된 매개변수의 이름을 열거(Enumeration) 형태로 넘겨준다. getParameter(name) 문자열 name과 이름이 같은 매개변수의 값을 가져온다. getParameterValues(name) 문자열 name..

서블릿을 준비하는 단계 : @PostConstruct 서블릿이 실행하기 전에 필요한 작업이 있다면 @PostConstruct라는 어노테이션을 이용해 별도의 함수를 정의하여 구현하면 된다. 서블릿 초기화 : init() 메서드 클라이언트 요청이 들어오면 컨테이너는 해당 서블릿이 메모리에 있는지 확인한다. 해당 서블릿이 메모리에 없을 경우, 서블릿을 메모리에 다시 적재해야 한다. 이때, init() 메서드가 호출되며 각종 초기화 작업을 수행 해당 서블릿에 각각의 스레드에서 공통적으로 사용하기 위해 필요한 작업이 있다면 init() 메서드를 오버라이딩해서 구현한다. 요청/응답 : service() 메서드 init() 메서드는 최초에 한 번문 수행되고 이후 요청은 스레드로 실행된다. 각각 service()메서드..