[JavaScript] 깊은 복사와 얕은 복사

Q1. 스크립트에서 변수의 복사시 발생되는 문제 먼저 스크립트에서 객체를 복사하여 새로운 변수에 담고 사용하다보면 서로 동기화가 되어있는지 서로가 동일하게 변경되는 현상을 확인한 적이 있다. 이러한 현상은 자바스크립트에서 얕은 복사를 했기 때문에 발생되었다고 한다. - 깊은 복사와 얕은 복사란 뭘까 원시 타입 (Primitive Type) number, string, boolean, null, undefined, symbol. 위 타입은 데이터 생성 및 복사시 새로운 메모리 공간에 독립적으로 메모리 재할당하여 저장된다. 때문에 복사나 수정시 기존의 값이 변하지 않는다. 참조 타입 (Reference Type) 원시 타입을 제외한 나머지 ( Array, Function, Object ). 원시 타입과 같이..

• format_list_bulleted WEB 심화/Front-End
• · 2023. 11. 27.
• textsms

[JavaScript] 마우스 우클릭 금지, F12 이벤트 금지

Q0. 개요 웹 페이지 개발을 하다보면 개발자모드 (F12) 창을 정말 많이 띄우게 된다. 앞 단 (= 프론트엔드)에서 개발되는 자바스크립트의 경우에는 소스를 아무리 숨기려고 해도 숨길 수 있는데에 한계가 있다. 최대한 난독화를 하거나 오늘의 주제와 같이 우클릭 혹은 F12 방지를 적용하는 수 밖에 없다. (단, 그럼에도 F12창은 띄울 수 있고 어떻게든 앞단의 소스를 확인할 수 있다고 알고 있다) 그래도 글의 제목과 같이 방지할 수 있으면 방지하고자 한다. (본인은 1번과 2번을 주로 사용한다) Q1. 우클릭 방지 방법 방법 1 : 태그에 옵션을 적용한다.(단, Body는 화면 전체 영역 크기로 해야지 어디를 우클릭해도 방지된다) oncontextmenu="return false" onselectsta..

• format_list_bulleted WEB 심화/Front-End
• · 2023. 11. 23.
• textsms