전체 글 84

in 연산자

in 연산자는 명시된 속성이 명시된 객체에 존재하면 true를 반환 속성 in 객체명 - 배열의 내용이 아닌, 인덱스 값을 명시 - length는 Array(배열) 객체의 속성 - 반드시 in 연산자의 오른쪽에 객체를 명시하여야 한다. - in 연산자는 프로토타입 체인에 의하여 접근할 수 있는 속성에 대하여 true를 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/in

Frontend/Javascript 2021.12.25

WindowEventHandlers.onpopstate

WindowEventHandlers.onpopstate https://developer.mozilla.org/ko/docs/Web/API/WindowEventHandlers/onpopstate window의 popstate 이벤트 핸들러 - 같은 document에 관한 두개의 히스토리 엔트리에 변화가 일어날 때마다, popstate event가 window 객체에 붙게 된다. - 만약 활성화된 엔트리가 history.pushState() 메서드나 history.replaceState() 메서드에 의해 생성되면, popstate 이벤트의 state 속성은 히스토리 엔트리 state 객체의 복사본을 갖게 된다. - history.pushState() 또는 history.replaceState()는 popst..

Frontend/Javascript 2021.08.11

History.pushState()

History.pushState() https://developer.mozilla.org/ko/docs/Web/API/History/pushState 브라우저의 세션 기록 스택에 상태를 추가한다. history.pushState(state, title[, url]); state - 새로운 세션 기록 항목에 연결할 상태 객체. - 사용자가 새로운 상태로 이동할 때마다 popstate 이벤트가 발생! 이 때 이벤트 객체의 state 속성에 해당 상태의 복제본이 담겨 있다. - 상태 객체는 직렬화 가능한 객체라면 모두 가능합니다. title - 빈 문자열을 지정하면 나중의 변경사항에도 안전하다. 아니면, 상태에 대한 짧은 제목을 제공할 수도 있다. url - 브라우저를 재시작할 경우 탐색을 시도할 수도 있음...

Frontend/Javascript 2021.08.11

Object.entries()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다). Object.entries() 에 의해 반환된 배열(array)의 순서는 객체가 정의된 방법과 관련이 없습니다. 배열 순서가 쓸 곳이 있다면, 다음과 같이 정렬을 먼저 하시는 것이 좋습니다 Object.entries(obj).sort((a, b) => b[0].localeCompare(a[0]));. ..

Frontend/Javascript 2021.06.18