728x90
반응형

2024/10/01 3

[콜럼Vue스] Proxy

**Proxy**는 **ES6(ECMAScript 6)**에서 도입된 기능으로, **객체의 기본 동작(프로퍼티 접근, 값 할당, 함수 호출 등)**을 가로채서 제어하거나 수정할 수 있게 해주는 강력한 도구임. Proxy를 사용하면 객체에 대한 커스텀 동작을 정의할 수 있으며, 특정 상황에 맞는 동작을 추가하거나 객체의 기본적인 동작 방식을 바꿀 수 있음. 1. Proxy의 기본 개념Proxy는 두 개의 인자를 받음:타겟 객체(target): 감시하거나 가로채고 싶은 원래 객체.핸들러(handler): 객체의 동작을 가로채고 **수정할 트랩(traps)**을 정의한 객체. 다양한 트랩을 통해 원하는 동작을 추가하거나 수정할 수 있음.const target = { message: "Hello, Proxy!..

Web Development 2024.10.01

[콜럼Vue스] 전개연산자

**전개 연산자(Spread Operator)**는 ES6(ECMAScript 2015)에서 도입된 기능으로, 배열이나 객체를 펼쳐서 개별 요소나 프로퍼티를 다른 배열이나 객체에 복사하거나 합칠 때 사용됨. 전개 연산자는 **...(세 개의 점)**을 사용하며, 여러 가지 상황에서 활용될 수 있음.1. 배열에서 전개 연산자 사용배열에서 전개 연산자는 배열의 요소를 개별적으로 펼쳐서 복사하거나, 새로운 배열을 만들 때 유용하게 사용할 수 있음.(1) 배열 복사배열을 **깊은 복사(Deep Copy)**하거나, 기존 배열을 새로운 배열로 확장할 때 사용할 수 있음.const arr1 = [1, 2, 3];const arr2 = [...arr1]; // arr1을 전개하여 새로운 배열 arr2 생성consol..

Web Development 2024.10.01

[콜럼Vue스] promise

**Promise**는 자바스크립트에서 비동기 작업을 처리하기 위해 사용되는 객체로, 비동기 작업의 성공(fulfilled) 또는 **실패(rejected)**를 처리할 수 있게 해줌. Promise는 ES6에서 도입되었으며, 비동기 코드를 더 체계적이고 가독성 좋게 작성할 수 있게 도와줌. 주로 네트워크 요청이나 타이머 함수 등에서 사용됨.1. Promise 기본 개념Promise는 비동기 작업의 결과를 처리하는 세 가지 상태를 가짐:대기(pending): Promise가 아직 완료되지 않은 상태.이행(fulfilled): Promise가 성공적으로 완료된 상태. 비동기 작업이 완료되고 성공 결과를 반환함.거부(rejected): Promise가 실패한 상태. 비동기 작업에서 오류나 실패가 발생했을 때..

Web Development 2024.10.01
728x90
반응형