2022/09/28 - TIL

오늘 Pair-Programming에서 배운 것

1. Proxy Object

이전에 프록시 객체에 대해서 사용을 해본적이 있었으나, 이번에 사용하면서 느낀점이 더 많아졌기 때문에 프록시 객체에 대해 간단한 정리를 남기려고 한다.

1-1. Proxy..?

프록시를 한글로 번역하면 대리라는 뜻이다. 게임에서 대리로 한다 이 대리가 아니라 A에서 B로 갈 때 B에 접근하기전에 먼저 대리로 어떤 처리를 할 때 사용한다. 아마 현실에 프록시로 비유를 하면, 방송을 촬영한 후에 방통위를 거치면서, 영상이 필터 될 것이 필터되거나 편집되게 하는 과정이라 생각하면 좋을 것 같다.

1-2. Proxy in javascript

자바스크립트에서의 proxy는 핸들러의 종류와 같은 기능을 사용할 때 대신 이 기능을 사용하는 것을 이야기 한다. 값을 바꿀 때 다른 변화를 만드는 것과 같은 것을 할 수 있다. 예시, 객체에 date를 업데이트를 할 때, 생일인 사람이 있으면 console.log를 나오게 하는 것과 같은 것을 할 수 있다.

2. insertAdjacentHTML

사용해서 얼마 안되서 그런지 insertAjacentHTML에 대해 능숙 하지 않아 이상한 짓을 많이 해봤다. 오늘 한 실수는 , addEventlistener을 사용할 때 생각한 위치와 다르게 삽입이 되서 이벤트의 위임이 안되는 경우가 생길 수 있다. 즉, insertAdjacentHTML을 사용할 때는 값의 위치를 잘 확인하는 것이 좋다.