hsunny study blog

현재 실행되는 컨텍스트를 말합니다. 여기서 컨텍스트는 값과 표현식이 표현되거나 참조될 수 있음을 의미합니다. 만약 변수 또는 다른 표현식이 해당 스코프 내에 없다면 사용할 수 없습니다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가능합니다. 함수는 자바스크립트에서 클로저 역할을 하기 때문에 스코프를 생성하므로 함수 내에 정의된 변수는 외부 함수나 다른 함수 내에서는 접근할 수 없습니다. 예를 들어 다음과 같은 상황은 유효하지 않습니다. 그러나 다음과 같은 코드는 변수가 함수 외부에 전역에서 선언되었기 떄문에 유효합니다. insight 전역으로 선언한 변수와 동일한 이름의 지역 변수를 사용할 떄 의도하지 않은 결과가 나올 수 있습니다. 따라서 스코프..

자바스크립트에서 배열을 선언하는 방식은 2가지가 있습니다. Array 객체를 이용한 선언 객체 리터럴을 이용한 선언 let arr = new Array(); let arr = []; 두 방식의 차이점에 대해 이야기해보도록 하겠습니다. 왜 new Array() 보다 []의 선호도가 높을까? new Array()는 직관적이지 않습니다. - Array 객체의 constructor에 전달하는 숫자가 1개인 경우와 2개 이상인 경우 A. //run Chrome let arr1 = new Array(5); console.log(arr1); // [empty × 5] arr1.length // 5 arr1[0]; // undefined B. //run Chrome let arr2 = new Array(1, 2, 3,..

hashChange hash 태그를 url에서 변화시켜 변화된 상태를 확인해서 처리합니다. hashchange 이벤트는 윈도우의 해시가 변경되면 시작됩니다. event handler window.onhashchange = funcRef; // funcRef : 함수에 대한 참조 HTML event handler event listener addEventListener()를 사용하여 이벤트 리스너 추가하기 window.addEventListener("hashchange", funcRef, false); 지원하는 브라우저 Google Chrome: 5.0 Safari: 5.0 Opera: 10.6 Firefox: 3.6 Internet Explorer: 8.0 Edge: Yes 모바일 지원 브라우저 보러가기..

사용할 메소드 Array.prototype.join() arr.join([separator]) join() 메소드를 이용하면 배열의 모든 요소를 연결해 하나의 문자열로 만들 수 있습니다. separator를 생략하면 배열의 요소들이 쉼표로 구분됩니다. 빈 문자열("")이라면 모든 요소들 사이에 아무 문자도 없이 연결됩니다. 반환값 모든 배열 요소들이 스트링으로 결합됩니다. 만약 배열이 길이가 0 이라면, 빈 스트링이 반환됩니다. 배열의 요소가 undefined 또는 null 이면 빈 문자열로 반환합니다. 사용예제 const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // expected output: "Fire,Air,Water..

document.querySelector 노드의 서브트리에서 매칭되는 첫번째 노드의 값을 반환한다. 만약 매칭되는 노드가 없으면 null을 반환한다. document.querySelectorAll 노드의 서브트리 내에서 매칭되는 모든 요소를 포함한 노드리스트를 반환하고, 매칭되는 것이 없다면 빈 노드리스트를 반환한다. querySelector && querySelectorAll querySelector(), querySelectorAll()로 생성된 순간의 셀렉터들로 채워진 요소들을 포함한다. (이 값은 변하지 않는다.) They can be a complete CSS(3)-Selector with IDs and Classes and Pseudo-Classes #id.class:pseudo tag #id..

정렬하기 javascript에서는 배열을 정렬할 수 있는 자체 함수를 제공합니다. Array.prototype.sort() arr.sort([compareFunction]) sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 문서보기 매개변수 compareFunction (Optional) 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 반환 값 정렬한 배열. 원 배열이 정렬되는 것에 유의하세요. 복사본이 만들어지는 것이 아닙니다. 문자열의 유니코드 코드값에 따라 소팅하기 때문에 ..

Array.filter() 를 통해 배열에 존재하는 중복 요소를 제거할 수 있습니다. arr.filter(callback(element[, index[, array]])[, thisArg) filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. 문서보기 방법 Array.filter((item, index) => nums.indexOf(item) === index ) 예제 let nums = [1,1,2,5,1,3]; nums라는 배열에 1이 3개가 존재합니다. let filteredArray = nums.filter((item, index) => nums.indexOf(item) === index ); filter를 이용하여 새로운 변수 filteredArr..