브라우저 동일 출처 정책과 다양한 크로스 도메인 해결 방안
동일 출처 정책(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에 게시됨