Spring 핵심 원리 분석
Spring 프레임워크의 핵심 개념은 두 가지 특성에 집중해야 합니다: 의존성 주입(DI)과 관점 지향 프로그래밍(AOP)
의존성 주입(DI)
Spring 이전에는 객체 생성을 직접 new 키워드로 수행했습니다. 예를 들면 다음과 같습니다:
User user = new User();
이러한 방식은 과거의 일반적인 객체 생성 방법이었습니다. 그러나 Spring은 이러한 과정을 추상화하여 객체 생성을 ...
8월 10일 13:18에 게시됨
Vue 3.0 주요 변경 사항 및 개선점
Vue 3.0은 더 작고, 더 빠르며, TypeScript 지원 강화, API 설계 일관성 향상, 자체 유지보수성 증대, 그리고 더 많은 저수준 기능 접근성을 목표로 설계되었습니다.
주요 변경 사항
생명주기(Lifecycle Hooks) 변경
Vue 2.x에서 Vue 3.0으로 전환되면서 생명주기 훅의 사용 방식이 변경되었습니다. 특히, setup 함수가 핵심으로 도입되었으며, 대부분의 생명주기 훅은 C ...
8월 7일 19:04에 게시됨
Kestrel을 활용한 SOCKS5 프록시 구현 가이드
서론
최근 Kestrel과 Yarp를 참조하여 장기적으로 개발할 프로젝트를 구상했으나, 다양한 외부 요인으로 인해 여유롭게 개발할 시간이 부족해졌다. 또한 Kestrel을 직접 L4 레벨에서 활용할 수 있는지 궁금해하는 개발자들이 있어, Kestrel의 기본 기능을 확장하여 L4/L7 프록시 기능을 제공하는 VKProxy를 간단한 SOCKS5 구현과 함께 소개하고자 한다.
참고: 본 문서에 ...
7월 9일 02:37에 게시됨
브라우저 동일 출처 정책과 다양한 크로스 도메인 해결 방안
동일 출처 정책(Same-Origin Policy) 이해하기
웹 브라우저는 보안을 위해 동일 출처 정책(Same-Origin Policy)을 기본으로 적용합니다. 이 정책은 웹 애플리케이션이 한 출처(origin)에서 로드된 리소스만 접근할 수 있도록 제한합니다. 여기서 '출처'란 프로토콜(protocol), 호스트(host), 포트(port)가 모두 일치해야 합니다.
예를 들어, http://example.com:8080 에서 ...
6월 30일 01:20에 게시됨
Vue2와 Vue3의 핵심 차이점 분석
아키텍처 및 성능 개선
특징Vue2Vue3장점
반응형 시스템
Object.defineProperty
Proxy
• 전체 객체 프록싱으로 초기화 속도 향상• 동적 속성 추가/삭제 지원• Map/Set 자료형 지원
가상 DOM 최적화
전체 비교
패치 플래그 + 동적 노드 추적
• 정적 노드 호이스팅으로 렌더링 재사용• 동적 속성만 선택적 비교
트리 ...
6월 15일 21:30에 게시됨
Vue 3에서 Axios 인터셉터 구현하기
Vue 3에서 Axios 사용하기
Vue.js 3 환경에서 Axios를 사용하는 방법은 Vue.js 2.x와 크게 다르지 않지만, 일부 수정과 업데이트가 필요하다. 아래에서는 Vue.js 3에서 Axios를 정의하고 사용하는 방법을 살펴보자.
먼저, Axios와 Vue.js 3.x를 설치해야 한다. npm이나 yarn 같은 패키지 관리자를 사용하여 설치할 수 있다:
npm install axios vue@next
이제 Vue.js 3 ...
5월 22일 07:24에 게시됨
Spring Framework 의 객체 생성 및 DI, AOP 대리 패턴 완벽 가이드
Spring IOC를 통한 객체 생성 방식
Spring 컨테이너는 빈(Bean)을 생성할 때 기본적으로 기본 생성자(No-args constructor)를 사용합니다. 하지만 필요에 따라 파라미터가 있는 생성자를 통해 객체를 생성할 수도 있으며, 설정 방법은 다음과 같습니다.
인덱스 기반 주입: index 속성을 사용하여 생성자 파라미터 순서대로 값을 전달합니다.
타입 ...
5월 20일 10:41에 게시됨