우선 버블링부터 설명해 보자면, 버블링은 DOM 트리에서 이벤트가 발생했을 때, 그 이벤트가 발생한 특정 요소에서부터 상위 부모 요소로 전파되는 방식입니다. 즉, 가장 구체적인 요소(이벤트가 발생한 요소)에서부터 시작하여 점점 더 넓은 범위(부모, 조상 요소 등)로 이

리액트에서는 기본적으로 페이지의 특정 요소에 변화가 일어날 때 해당 부분만 렌더링이 되어 사용자에게 보여지는데요. 이때 특정 상태나 상황에 따라 렌더링을 시켜 사용자에게 보여지게 하거나, 그 반대로 보여지지 않게 할 수 있습니다. 이는 조건문과 같은 조건부 연산자를 활

자바에서는 데이터 전송을 위해 DTO(Data Transfer Object)라는 개념을 가지고 있는데요. 이는 다양한 계층 간 데이터 전달의 효율성을 목적으로 극대화 하기 위해 사용되는 클래스 틀을 의미하는데요. 물론 자바에는 DTO만 있는건 아니고, VO(Value

1. 서론 이번에 학원에서 마이바티스를 활용한 MVC 패턴을 한 번 짜봤는데요. 이전에 스프링 부트로 간이 프로젝트를 할 때는 몰랐는데, 막상 해당 시간을 가지다보니 "이래서 근본을 아는게 중요하구나" 라는 생각이 막 꽂혀서 되게 의미있는 시간이었다고 생각합니다. 물

이번에도 마찬가지로 서블릿을 이용해 이전에 제작했던 홈페이지를 개선해 보았는데요. 때문에 이번 섹션을 먼저 보시기 전에 먼저 이전 제작 홈페이지의 로직을 한 번 보시고 오시는 것을 추천 드립니다. 아무튼 이번에는 저번에 사용하지 않았던 자바빈즈(특정 역할을 대체하는 자

학원을 다닌 지 한 달 반이 다 되어갈 무렵 JSP와 서블릿을 거의 마치게 되면서 여태껏 배운 내용을 토대로 MVC1 방식으로 간단한 웹 홈페이지를 제작하게 되었습니다. 제작을 해보면서 느낀 점은 "근본이 중요하구나." 라는 점이었는데, 신기술을 배우기에 앞서 그 기술

JSTL (JavaServer Pages Standard Tag Library)이란 JSP에서 사용할 수 있는 표준 태그 라이브러리입니다. 좀 더 구체적으로 말해보자면 JSTL은 JSP 페이지에서 자주 사용되는 스크립틀릿 과 같은 작업을 단순화해서, 더 읽기 쉽고 유지

자바빈(Java Bean) 이란 서버측에서 특정 형식으로 정보를 저장하고자 개발자가 작성한 클래스를 의미하는데요. 대표적으로 DTO와 VO가 있습니다. 그리고 DTO와 VO 둘 다 서버측에서 객체를 생성하기 위해 정의된 클래스라는 공통점이 있지만, 차이점을 살펴보자면

EL(Expression Language)는 JSP에서 사용하는 새로운 스크립트 언어로서 기존의 복잡했던 자바 코드 표현 체계인 스크립틀릿을 대체하기 위해 만들어졌는데요. 이러한 EL은 쉽게 사용자의 입력 데이터를 가져오고, 연산하여 출력하는 역할을 스크립틀릿보다 더

1. Filter란? Filter란 클라이언트(Client)에서 서버(Server)로 요청이 들어오기 전 특정 서블릿을 데이터를 정제하거나 분기를 정하는 등의 목적으로 만들고자 할 때 사용하는 추상 인터페이스로, 클라이언트의 요청을 서버가 받아 메인 서블릿(컨테이너)에

데이터 처리를 클라이언트 측에서 요청받은 후 서버 측에서 처리하고, 클라이언트에게 다시 페이지를 로드하거나 새로운 페이지로 리다이렉트하는 것입니다. 이는 서버측에서 데이터를 처리한 후 처리 결과를 클라이언트에게 다른 페이지로 보여주는 역할이나, 혹은 사용자가 새로고침을

서블릿에서 세션(Session)은 클라이언트와 서버 간의 상태 정보를 유지하기 위한 중요한 개념이라고 하는데요.그 이유는 웹 애플리케이션에서 클라이언트와 서버 간의 상호작용은 보통 HTTP 프로토콜을 통해 이루어지는데, HTTP는 기본적으로 상태가 없는(stateles

JSP(JavaServer Pages)는 웹 개발에서 서버 측에서 동적으로 컨텐츠를 생성하기 위해 사용되는 기술입니다. JSP는 HTML에 Java 코드를 포함시켜 웹 페이지를 작성할 수 있게 되는데요. 쉽게 얘기하면 페이지에 자바 코드를 사용할 수 있는 페이지가 J

1. Cookie 객체와 관련 메서드들 서블릿에서도 쿠키를 추출하는 것이 가능한데요. 그 전에 쿠키에 대해서 모르시는 분들이 계시다면 다음의 링크에서 한 번 확인하시고 와보시는것을 추천드립니다. 아무튼 이러한 쿠키는 특히 사용자를 인증하는 정보로 주로 사용하고 있는 만

1. 상태 저장의 중요성 네트워크의 연결은 어느 한 쪽의 일방적인 행위에 의해서 발생되지 않습니다. 이를 좀 더 풀어서 설명해 보자면 클라이언트의 요청이라는 행위와, 서버의 응답이라는 행위가 일어나는 일련의 과정을 거친 상태가 네트워크가 연결된 상태라고 할 수 있는데

web.xml은 웹 애플리케이션의 구조와 동작을 정의하는 역할을 하는데요. 서블릿, JSP 페이지, 필터, 리스너 등 웹 애플리케이션의 구성 요소를 정의하고, 이들이 어떻게 매핑되는지를 설정하거나 인증, 권한 부여, 보안 제약 조건 등을 설정하는 코드들이 작성되기도 하

jQuery란 자바스크립트 라이브러리 중 하나로, HTML 문서를 탐색하고 조작하기 쉬운 API를 제공하여 웹 개발을 단순화 하는데 사용되는 라이브러리인데요. 제이쿼리를 이용하면 HTML 문서의 탐색 및 조작, 이벤트 처리, 애니메이션, Ajax와 같은 기능을 쉽게 사

GET, POST 방식에 따른 클라이언트의 제공 정보를 추출하기에 앞서 JSP 구조를 다음과 같이 짜보도록 하겠습니다.JSP 페이지CSS 파일getParameter는 사용자가 입력한 단일 정보를 추출하는대 사용되는데요. 서블릿과 연결된 JSP 페이지에서 제출 된 사용자

fetch 메서드는 앞서 살펴본 비동기 함수들을 이용해 서버와 비동기로 데이터를 주고 받도록 도와주는 브라우저 지원 API로, window 전역 객체의 프로퍼티로서 여러 데이터 형식을 지원하나, 주로 JSON(JavaScript Object Notation) 데이터 통

앞전에 배운 비동기 함수를 Promise 객체로 선언한 코드가 있다고 쳐보겠습니다.이때 반환 받은 Promise의 상태가 정상 상태(resolve)일 경우에 대한 코드로는 다음과 같이 then-catch를 이용해 작성할 수 있는데요.JS에서는 이러한 비동기 함수인 Pr