proxy
-
이번 포스트에서는 Vue.js 등 프론트엔드 프레임워크 들에서 반응성을 위해 사용하는 Proxy에 대해서 살펴보자. 반응성이란? 반응성(Reactivity) 반응성이란 선언적인 방식으로 어떤 값에 대한 변경에 대한 제어를 수행하는 프로그래밍 방식을 말한다. 예를 들어 다음과 같은 엑셀을 생각해보자. A와 B에는 각각 10, 20이 할당되어 있다. Sum에는 이들의 합을 저장하도록 선언되어있으므로 30이 저장된다. 이 상황에서 A의 값을 20으로 변경하면 Sum은 자동으로 계산 결과를 수정해서 40으로 변경된다. 이것이 바로 반응성이다. JavaScript의 반응성 하지만 우리의 일반적인 프로그램은 반응성을 갖지 못한다. const nums = { A: 10, B: 20 }; let sum = nums.A..
[새로운 기능] Proxy이번 포스트에서는 Vue.js 등 프론트엔드 프레임워크 들에서 반응성을 위해 사용하는 Proxy에 대해서 살펴보자. 반응성이란? 반응성(Reactivity) 반응성이란 선언적인 방식으로 어떤 값에 대한 변경에 대한 제어를 수행하는 프로그래밍 방식을 말한다. 예를 들어 다음과 같은 엑셀을 생각해보자. A와 B에는 각각 10, 20이 할당되어 있다. Sum에는 이들의 합을 저장하도록 선언되어있으므로 30이 저장된다. 이 상황에서 A의 값을 20으로 변경하면 Sum은 자동으로 계산 결과를 수정해서 40으로 변경된다. 이것이 바로 반응성이다. JavaScript의 반응성 하지만 우리의 일반적인 프로그램은 반응성을 갖지 못한다. const nums = { A: 10, B: 20 }; let sum = nums.A..
2022.06.02 -
문제 상황의 인식 이번 포스트에서는 간단한 Aspect를 작성해 보고 어떤 방식으로 동작하는지 살펴보자. 어느 일하기 싫은 날! 힘들지만 다음과 같은 멋진 빈을 만들었다. package com.doding.aoptest.simple; import java.util.Calendar; import org.springframework.stereotype.Component; import lombok.Data; @Data @Component public class SimpleBean { private String name ; private Calendar now ; } SimpleBean 등록 후 단위 테스트 위 빈이 잘 동작하는지 테스트 해보자. 테스트만 통과하면 퇴근 각이다.! package com.dodin..
02. Aspect 작성과 동작문제 상황의 인식 이번 포스트에서는 간단한 Aspect를 작성해 보고 어떤 방식으로 동작하는지 살펴보자. 어느 일하기 싫은 날! 힘들지만 다음과 같은 멋진 빈을 만들었다. package com.doding.aoptest.simple; import java.util.Calendar; import org.springframework.stereotype.Component; import lombok.Data; @Data @Component public class SimpleBean { private String name ; private Calendar now ; } SimpleBean 등록 후 단위 테스트 위 빈이 잘 동작하는지 테스트 해보자. 테스트만 통과하면 퇴근 각이다.! package com.dodin..
2020.06.18