Swift의 @Published란? Swift에서 @Published는 Combine 프레임워크의 속성 래퍼로, ObservableObject 클래스 안에서 값이 변경될 때 자동으로 알림을 보내는 데 사용된다. SwiftUI와 함께 사용할 때 뷰가 상태 변화를 자동으로 감지하고 UI를 업데이트할 수 있도록 도와주는 핵심 구성요소다. 1. 언제...

SwiftUI에서 @StateObject란? SwiftUI에서 상태 관리는 앱의 흐름과 사용자 인터페이스를 동기화하는 핵심이다. @StateObject는 SwiftUI가 도입한 속성 래퍼로, 뷰 내부에서 ObservableObject를 생성하고 소유할 때 사용된다. 1. 왜 @StateObject가 필요한가? SwiftUI의 뷰는 상태에 따라 새...

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 { ...