[JavaScript] 프록시(Proxy) 객체, 핸들러 메서드 - 객체 보호, 함수 호출 제어, 생성자 제어, 값 제한, 읽기 전용
📌 프록시(Proxy) 란? 프록시(Proxy)는 JavaScript에서 원본 객체의 동작을 가로채어 제어할 수 있는 기능입니다.이를 통해 객체의 속성 읽기, 쓰기, 삭제, 함수 호출 같은 작업을중간에서 조작하여 객체 보호, 동작 커스터마이징, 유연한 관리가 가능합니다.주로 보안이 중요한 정보 보호나 복잡한 데이터 구조 관리에서 유용합니다. 🔎 프록시 주요 역할객체 보호 : 민감한 정보 보호동작 커스터마이징 : 속성 접근 방식 조정유연한 관리 : 객체를 수정하지 않고 원하는 동작 추가🔎 프록시 특징대리인 역할 : 원본 객체 대신 요청을 받고 결과를 반환명령 재정의 : 속성 접근, 삭제 등 작업을 원하는 대로 변경 📌 프록시(Proxy) 객체원본 객체의 기본 동작(속성 접근, 할당, 함수 호출 등)..
2024. 11. 13.
[HTML] 구조설계 시맨틱 태그(Semantic Tag) 활용 - <header> <nav> <main> <article> <section> <aside> <footer>
📌 시맨틱 태그 활용한 웹사이트 구조시맨틱 태그를 활용하면 웹사이트 구조를 명확하게 정의하고, 검색 엔진 최적화(SEO) 도움이 됩니다. 로고 GNB 내비게이션 메뉴 섹션 1 섹션 2 섹션 3 푸터 📌 시맨틱 태그 종류, , , 각각 헤더, 주요 콘텐츠, 사이드바, 푸터에 사용됩니다. 머리, 몸통, 발, 사이드바 역할헤더 - header사이트의 로고, 제목 등 위치메뉴 - 는 GNB 등 내비게이션 메뉴를 묶는 데 사용되며, 보통 과 함께 나타납니다. 은 순서 없는 목록으로 를 하위 태그로 사용하고, 은 순서 있는 목록으로 동일하게 를 사용합니다. navigation사이트의 메뉴..
2024. 10. 22.
