본문 바로가기

전체 글172

React의 장점 - 빠른 렌더링? 개발자 관점에서의 효율성 들어가며React를 처음 배울 때 "빠른 렌더링과 성능 최적화"라는 말을 자주 듣게 됩니다.그러면 React가 순수 JavaScript보다 빠른 걸까요?이 글에서는 React의 장점을 개발자 관점에서 정확하게 정리해보겠습니다.React가 "빠르다"는 말의 진짜 의미React는 JavaScript를 기반으로 동작합니다.즉, React 코드는 결국 JavaScript로 변환되어 실행됩니다.그러므로 "React가 JavaScript보다 빠르다"는 표현은 정확하지 않습니다.React 코드 (JSX) ↓ Babel 변환JavaScript 코드 ↓ 브라우저 실행React의 장점은 실행 속도가 아니라 개발자 관점에서의 효율성에 있습니다.정확한 표현:"React는 JavaScript보다 빠르다" .. 2026. 5. 29.
DOM(Document Object Model)이란? 들어가며웹 페이지에서 버튼을 클릭하면 내용이 바뀌거나, 입력값에 따라 화면이 달라지는 경험을 해본 적이 있을 겁니다.이런 동적인 동작이 가능한 이유가 바로 DOM(Document Object Model) 덕분입니다.이 글에서는 DOM이 무엇인지, JavaScript로 어떻게 조작하는지 정리해보겠습니다.DOM이란?DOM은 HTML 문서를 JavaScript로 조작할 수 있게 만든 객체 구조입니다.브라우저가 HTML을 읽으면 각 태그를 노드(Node) 라는 객체로 변환하고,이 노드들을 트리 구조로 연결합니다.[HTML 문서] [DOM 트리] document │ └.. 2026. 5. 22.
의존성 주입(DI)이란? - Spring 컨테이너와 Bean 자동 연결 들어가며Spring을 배우면서 가장 먼저 마주치는 개념 중 하나가 의존성 주입(DI, Dependency Injection) 입니다."의존성을 주입한다"는 말이 처음엔 어렵게 느껴질 수 있습니다.이 글에서는 의존성 주입이 무엇인지, Spring 컨테이너가 어떻게 Bean을 만들고 연결해주는지 정리해보겠습니다.의존성(Dependency)이란?의존성이란 한 클래스가 다른 클래스를 필요로 하는 관계입니다.public class MemberService { private MemberRepository memberRepository; // MemberService는 MemberRepository에 의존}MemberService가 동작하려면 MemberRepository가 반드시 필요합니다.이때 MemberS.. 2026. 5. 15.
요청 데이터 형식 - XML과 JSON 들어가며클라이언트와 서버가 데이터를 주고받을 때 데이터를 특정 형식으로 표현해야 합니다.가장 많이 사용되는 두 가지 형식이 바로 XML과 JSON입니다.이 글에서는 두 형식의 특징과 차이점, 실제 사용 예시를 정리해보겠습니다.XML(eXtensible Markup Language)이란?XML은 태그(Tag) 를 사용해 데이터를 표현하는 형식입니다.HTML처럼 열리는 태그와 닫히는 태그 사이에 데이터를 담습니다. 1 홍길동 25 hong@test.com태그를 직접 정의할 수 있어 데이터의 구조를 명확하게 표현할 수 있습니다.JSON(JavaScript Object Notation)이란?JSON은 키(Key)-값(Value) 쌍으로 데이터를 표현하는 형식입니다.JavaScript 객체 .. 2026. 5. 13.
생성자 주입(Constructor Injection)이란? 들어가며Spring에서 의존성 주입(DI) 방법은 세 가지가 있습니다.그 중 가장 권장되는 방식이 바로 생성자 주입입니다.왜 생성자 주입이 권장되는지, 불변성과 테스트 용이성이 왜 중요한지 정리해보겠습니다.의존성 주입(DI)이란?의존성 주입은 객체가 필요로 하는 다른 객체를 직접 생성하지 않고 외부(Spring 컨테이너)에서 주입받는 것입니다.// 직접 생성 - 의존성 주입 아님public class MemberService { private MemberRepository memberRepository = new MemberRepository(); // 직접 생성}// 의존성 주입 - Spring이 주입public class MemberService { private final MemberRe.. 2026. 5. 9.
@Controller란? - Spring 자동 매핑과 Bean 등록 들어가며Spring MVC에서 클라이언트의 요청을 받아 처리하는 역할을 하는 것이 바로 컨트롤러입니다.@Controller 어노테이션은 Spring에게 "이 클래스는 컨트롤러야"라고 알려주는 역할을 합니다.이 글에서는 @Controller가 무엇인지, Bean 등록과 어떤 관계인지 정리해보겠습니다.@Controller란?@Controller는 Spring MVC에서 해당 클래스를 컨트롤러로 지정하는 어노테이션입니다.두 가지 역할을 동시에 수행합니다.@Controller의 역할1. Bean 등록 → Spring 컨테이너가 이 클래스를 관리2. 자동 URL 매핑 → @RequestMapping으로 요청 URL과 메서드를 연결@Controllerpublic class MemberController .. 2026. 5. 6.