개요 useEffect()는 React에서 사이드 이펙트를 처리하는 함수다. 대표적인 사이드 이펙트에는 다음이 포함된다: API 호출 이벤트 리스너 등록/해제 타이머 설정 수동 DOM 조작 등 클래스 컴포넌트의 componentDidMount, componentDidUpdate, componentWillUnmount를 대체하는 ...

React Router – Routes와 Route의 개념과 사용법 들어가기 전에 React는 기본적으로 SPA(Single Page Application)이므로 페이지 전환을 새로고침 없이 수행한다. 이때 경로(path)에 따라 다른 컴포넌트를 렌더링하도록 도와주는 라이브러리가 React Router이며, 그 중심에 Routes와 Route가 있...

비구조화 할당 (Destructuring Assignment): JavaScript에서 객체와 배열을 더 똑똑하게 쓰는 법 1. 비구조화 할당이란? 비구조화 할당(Destructuring Assignment)은 객체나 배열에서 값을 추출해서 변수에 한 번에 할당하는 문법이다. ES6부터 도입되었고, 가독성과 코드의 간결함을 크게 높여준다. 2...

알겠다. 아래는 Spring Boot + Thymeleaf를 주제로 한 기술 블로그 글이다. 핵심 흐름, 코드 예제, 동작 원리까지 포함해 실무 관점에서 작성했다. Spring Boot에서 Thymeleaf 사용법 정리: 템플릿 엔진의 기본기부터 실전 예제까지 들어가며 Spring Boot에서 서버사이드 렌더링을 해야 한다면 Thymeleaf...

스프링(Spring)의 핵심: 의존성 주입(DI)과 제어의 역전(IoC) 1. 왜 이 개념이 중요한가? 스프링 프레임워크는 결국 두 가지 원칙 위에 세워졌다. 제어의 역전(IoC): 객체 생성, 생명주기 관리를 개발자가 아닌 프레임워크(SPRING)가 맡는다. 의존성 주입(DI): 필요한 의존 객체를 직접 생성하지 않고 외부에서 주입받는...

Spring - CRUD - SELECT DB의 값을 조회하기 Mapper[Interface] 쿼리문을 이용해 DB에 저장된 값을 리스트 형태로 반환 @Select("SELECT * FROM member") public List<MemberDTO> getMemberList(); Service ...

Spring - @Autowired @Autowired는 필요한 의존 객체를 스프링이 자동으로 주입해준다. @Autowired private Chef chef; Spring - @Component @Component는 해당 클래스를 스프링이 관리하는 Bean으로 등록한다. @Component public class SampleHotel { ...

JAVA - 여러 요청 한 서블릿에서 처리하기 여러 요청을 하나의 서블릿에서 처리할수 있다. 서블릿에서 request의 주소 반환 String uri = request.getRequestURI(); //반환값 : /프로젝트이름/요청된 jsp페이지 프로젝트이름 반환 String conPath = request.getCont...

Java 소켓 프로그래밍으로 구현하는 간단한 채팅 프로그램 🎯 개요 네트워크 프로그래밍의 기초인 소켓(Socket) 통신을 이용해 Java로 간단한 채팅 프로그램을 구현해보자. 이 글에서는 TCP/IP 기반의 클라이언트-서버 구조를 통해 실시간 메시지 교환이 가능한 채팅 시스템을 만드는 과정을 단계별로 설명한다. 📡 소켓 통신의 기본 개념 소켓...

Axios: JavaScript에서 HTTP 요청을 더 쉽게 쓰는 방법 1. Axios란? Axios는 브라우저와 Node.js에서 작동하는 Promise 기반의 HTTP 클라이언트다. REST API와 통신할 때 주로 사용되며, 코드가 간결하고 직관적이라 fetch보다 많이 쓰인다. 요약: fetch보다 편하고, 오류 처리와 응답 구조가 ...