전체 글 134

Servlet, JSP

서블릿(Servlet)자바에서 웹 애플리케이션을 개발하기 위한 클래스웹 서버(WAS, tomcat)와 연동되어 클라이언트(브라우저)의 요청을 받아 동적으로 응답을 생성보통 HttpServlet을 상속(extends) 받아 사용한다. ✅ 주요 객체HttpServletRequest request클라이언트의 요청 정보를 담고 있는 객체. 서버가 요청을 객체로 생성HttpServletResponse response서버가 클라이언트에게 응답을 보낼 때 사용하는 객체. 서버가 요청을 객체로 생성✅ Servlet vs JSPServlet자바 코드로 웹 로직을 처리하기에 적합UI 구성의 어려움 (HTML 작성이 복잡함)이후 JSP 출현JSP (Java Server Pages)HTML에 자바 코드를 삽입해 UI를 쉽게 ..

Java 2025.04.02

[Backend] JSP

JSP(JavaServer Pages)Java 기반 웹 페이지 생성 기술로,HTML 코드 안에 Java 코드를 삽입할 수 있게 해주는 서버 사이드 웹 프로그래밍 기술이다.JSP는 Java EE(Jakarta EE)의 일부로, 웹 애플리케이션에서 동적인 HTML 페이지를 만들기 위해 사용되었지만,현재는 유지보수, 구조적 한계, 현대적 웹 개발 트렌드에 뒤처져 거의 사용되지 않는다.  JSP 작동 방식브라우저는 서버에 JSP 파일 요청 서버는 브라우저의 요청에 해당하는 JSP 파일이 서버측에 있는지 조회 후, 존재하면 서블릿(Servlet) 으로 변환서블릿 코드를 컴파일해서 .class 파일 생성서블릿이 실행되면서, HTML을 생성HTML을 클라이언트에게 전송즉, jsp 코드의 return 값은 HTML 코..

CS 2025.04.02

[JS] Bubbling, Capturing, Event Propagation, 이벤트 전파

Bubbling, CapturingDOM(Document Object Model) 요소에 이벤트 발생 시, 그 이벤트가 어떻게 전달되는지를 정의하는 방식 이벤트 전파(Event Propagation)브라우저에서 이벤트 발생 시, 이벤트는 DOM 트리 상에서 여러 단계에 걸쳐 전파된다.Capturing Phase (캡처링 단계)이벤트가 상위 요소에서 하위 요소로 내려오면서 전파Target Phase (타깃 단계)이벤트가 실제로 발생한 요소(target) 에 도달Bubbling Phase (버블링 단계)이벤트가 타깃 요소에서 다시 상위 요소로 전파이벤트가 발생하면 해당 이벤트는 자식 요소에서 부모 요소로 전파되는 '버블링(bubbling)' 이 일어나게 된다.버블링 전파 시, 부모 요소에 등록된 이벤트 리스..

FrontEnd 2025.04.01

[JS] 비동기로 데이터 처리(async/await, fetch then)

비동기란→ 코드 실행을 막지 않고, 오래 걸리는 작업을 기다리며 다음 작업을 먼저 실행하는 방식 보통 외부 API를 사용할 경우 비동기로 처리한다. 외부 API를 사용할 때 비동기를 쓰는 이유1. 응답을 기다리면 전체 앱이 멈추기 때문외부 API는 보통 네트워크를 통해 요청을 보낸 후, 응답을 받기까지 시간 걸린다동기 방식일 경우, 응답이 올 때까지 브라우저나 앱이 멈춘다사용자 입장에서는 버벅이거나 멈춘 것처럼 느껴짐2. 여러 작업 동시 처리 가능 비동기 방식일 경우API 응답을 기다리는 동안 다른 UI 렌더링, 이벤트 처리 가능네트워크 작업과 사용자 입력을 동시에 처리 가능  JS의 비동기 처리 방법AJAX (Asynchronous JavaScript and XML)서버와 비동기적으로 데이터를 주고받기..

FrontEnd 2025.04.01

[DB] Connection Pool, HikariCP

JDBC API를 사용하여 DB와 연결하기 위해 Connection 객체를 생성하는 작업은 비용이 많이 드는 작업 중 하나이다.이러한 문제를 해결하기 위해 애플리케이션 로딩 시점에 Connection 객체를 미리 생성하고,애플리케이션에서 데이터베이스에 연결이 필요할 경우 미리 준비된 Connection 객체를 사용하여 애플리케이션의 성능을 향상하는 커넥션 풀 (Connection Pool)이 등장하였다. Connection PoolJava에서 JDBC의 Connection Pooling을 관리하는 라이브러리빠르고 안정적인 성능으로 많은 Spring Boot 및 Java 기반 애플리케이션에서 사용된다 커넥션 풀이란 (Connection Pool)1) 커넥션 풀 (Connection Pool) (1) ..

DB 2025.03.27

[Springboot] Client-Server 구조 정리

Client (사용자)URL 입력, 링크 클릭 등 다양한 이벤트를 통해 HTTPS(443) 요청 발생브라우저는 요청을 도메인 기반으로 DNS 조회 → IP 주소로 전환443 포트를 리스닝 중인 Apache HTTP Server로 전달 Apache HTTP Server (httpd) HTTPS 요청을 수신 (443 포트)SSL 처리 (HTTPS 복호화 → 평문 HTTP)정적 리소스 제공 (HTML, JS, 이미지 등 직접 응답 가능)동적 요청은 리버스 프록시로 Tomcat에 전달(보통 ProxyPass, ProxyPassReverse 사용) Apache Tomcat (WAS)Apache로부터 들어온 요청을 Tomcat의 Connector가 수신 (8080, 8009 등)Connector는 요청을 서블릿 컨..

Springboot 2025.03.26

FETCH JOIN

FETCH JOINORM(Object-Relational Mapping) 프레임워크나 SQL에서 JOIN 된 엔티티를 한 번의 쿼리로 가져오는 기법일반적으로 SQL의 JOIN은 기본적으로 지연 로딩(Lazy Loading) 방식으로 동작한다FETCH JOIN을 사용하면 즉시 로딩(Eager Loading) 방식으로 가져와 여러 번의 쿼리를 실행(N+1) 하는 것을 방지할 수 있다2. FETCH JOIN in SQL (JPA / Hibernate)📌 일반 JOIN (Lazy Loading)SELECT e FROM Employee e JOIN e.department d;이 경우, 지연 로딩(Lazy Loading)으로 처리되며, department 데이터는 필요할 때 추가 쿼리가 발생한다📌 FETCH J..

DB 2025.03.18

HTML DOM(Document Object Model)

🔹 DOM이란?DOM (Document Object Model) 은 문서(Document) 를 객체(Object) 로 표현하는 모델(Model) 이다.문서 객체: , 같은 HTML 태그를 JavaScript가 조작할 수 있도록 객체로 변환한 것.모델: 문서 객체를 트리(Tree) 구조로 표현하여 브라우저가 HTML을 이해하는 방식. 🔹 DOM의 역할웹 브라우저는 HTML 문서를 트리 구조로 변환하여 이해하고, JavaScript는 이를 활용해 검색, 수정, 추가, 삭제 등의 작업을 수행할 수 있다. 🔹 Tree 구조란?Root Node: 최상위 노드로, DOM에서는 이 해당된다.Parent & Child: 상위 노드를 부모(Parent), 하위 노드를 자식(Child)이라 한다.Leaf Node:..

FrontEnd 2025.03.18

Comparable VS Comparator

Comparable과 Comparator는 객체 정렬 시 사용되는 인터페이스다.JIT 컴파일러 최적화 덕분에 성능 차이는 거의 나지 않으며, 사용 목적과 방식에 따라 적절하게 사용하여야 한다 [Java] JIT 컴파일러란?JIT 컴파일(just-in-time compilation) 또는 동적 번역(dynamic translation)은 프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일 기법이다. 컴파일러 vs 인터프리터 컴파일러와 인터프리터 모두 highhyeinisfree.tistory.com  ✅ Comparable객체 클래스에서 Comparable 를 implements 한 후, compareTo(T o) 를 구현객체 자신과 다른 객체를 비교하는 방식Collections.sort() 또는 A..

Java 2025.03.02

RestTemplate, WebClient, RestClient, FeignClient

Spring에서 HTTP 통신을 수행하는 방법에는 여러 가지가 있다.많이 사용되는 세 가지 방법(RestTemplate, WebClient, RestClient)과이외에 사용 가능한 HTTP 통신 방법까지 정리하려고 한다.   1. RestTemplate (Spring 3~4)✅ 특징동기(Synchronous) 방식의 HTTP 클라이언트RestTemplate 객체를 사용하여 간단한 API 호출이 가능Spring 5 이후로는 권하지 않는 방법 RestClient 알아보기 (RestTemplate이 Deprecated 된다고요?)Spring Boot 3.2에 새롭게 추가된 RestClient에 대해 알아보자.spring docs의 RestTemplate에 대한 설명에 위와 같은 NOTE가 추가되었다. Spr..

CS 2025.02.15