이번 포스트에서는 알쏭 달쏭 헤깔리는 javascript에서의 this에 대해서 살펴보자.  javascript에서의 thisjavascript에서의 this가 어려운 이유는 그때 그때 달라지기 때문이다.다른 언어에서의 this와 그 정의 부터 남다른데 java에서의 this가 현재 실행되고 있는 객체로 고정된 반면 javascript에서의 this는 함수를 호출하는 녀석에 따라 달라진다. 즉 실행 문맥(execution context)에 따라 달라진다. 여기서 실행 문맥이란 JavaScript 코드가 실행되는 환경을 의미하며 전역 실행 문맥, 일반 함수 호출, 생성자 함수 호출, try ~ catch 블록, 모듈등에서 새로운 실행 환경을 구성한다. 객체의 리터럴을 별도의 실행환경을 구성하지 않는다.일..

웹 페이지를 사용하다보면 웹에서 생성된 코드등을 복사해서 다른곳에 붙여넣을 일들이 많다. 이때 전체를 드래그로 복사해서 붙여넣기 하는 과정에서 여러 번의 조작이 필요한데 가끕 보면 "복사하기" 같은 버튼이 있어서 손쉽게 내용을 클립보드로 복사하는 페이지들이 있다. 이번 포스트에서는 웹 화면에서 복사하기를 통해 클립보드에 저장하는 방법을 살펴보자. Clipboard API 이전에는 과거에는 document 객체의 execCommand 함수를 이용해서 input 요소의 내용을 복사해서 사용했다. document.querySelector("#cleanCode").select(); document.execCommand("Copy"); 하지만 위의 방식은 deprecate 되고 앞으로는 없어질 예정이다. Clip..

자바스크립트에서는 location 객체가 url을 담당한다. 다음 페이지에서 location 객체가 갖는 속성에 대해 살펴볼 수 있다. https://www.w3schools.com/jsref/obj_location.asp Location Object The Location Object Location Object The location object contains information about the current URL. The location object is part of the window object and is accessed through the window.location property. Note: There is no public standard that applies to the ..