Redux – React 상태 관리를 위한 예측 가능한 컨테이너 개요 Redux는 React 애플리케이션에서 복잡한 상태를 예측 가능하게 관리하기 위한 상태 컨테이너다. 단방향 데이터 흐름과 순수 함수 기반의 구조를 통해, 상태 변화가 어떻게 일어나는지 명확하게 추적할 수 있도록 한다. 왜 Redux를 사용하는가? React는 컴포넌트 기반...

개요 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 기반의 클라이언트-서버 구조를 통해 실시간 메시지 교환이 가능한 채팅 시스템을 만드는 과정을 단계별로 설명한다. 📡 소켓 통신의 기본 개념 소켓...