본문 바로가기

Tech40

This value was evaluated upon first expanding. it may have changed since then. 아래 파란색 `i`를 누르면 This value was evaluated upon first expanding. it may have changed since then. 안내 문구가 나온다. 해당 상황의 경우, 클릭했을 때, console.log로 해당 className을 출력한 뒤, 클래스 이름 'open'을 추가시켜주었다. 화살표를 눌러서 확장했을 때, 현재 상태의 객체의 값이 나온다. 즉, console.log가 찍힌 시점에서는 item만 있었지만, 이후 DOMTokenList에 open이 추가가 됐고, 화살표를 눌러서 확장했을 때, 현재 상태인 item과 open을 둘 다 가지고 있다고 출력된 것이다. console.log는 비동기적으로 실행되는데, 객체의 참조를 동기적으로 받지만, 확장되기전까지.. 2021. 7. 31.
classList Element.classList Element.classList는 요소의 클래스 속성의 컬렉션인 활성DOMTokenList를 반환하는 읽기 전용 속성이다. `활성 DOMTokenList`의 활성의 의미는 아래 게시글을 참고하자. https://egas.tistory.com/80 This value was evaluated upon first expanding. it may have changed since then. 아래 파란색 `i`를 누르면 This value was evaluated upon first expanding. it may have changed since then. 안내 문구가 나온다. 해당 상황의 경우, 클릭했을 때, console.log로 해당 className을 출력한 뒤,.. e.. 2021. 7. 31.
cypress rightclick cypress 우클릭에 대해 알아보자. https://docs.cypress.io/api/commands/rightclick rightclick | Cypress Documentation Right click a DOM element. .rightclick() will not open context menus native to the browser. .rightclick() should be used to test your app's handling of docs.cypress.io cypress는 .rightclick()은 브라우저의 기본 contextmenu를 제공하지 않는다. 우리는 cypress의 .rightclick()을 사용해서 직접 이벤트리스너로 등록한 contextmenu를 테스트할 수 있.. 2021. 7. 31.
.filter(Boolean) https://github.com/mdn/yari/pull/4233/files에서 .filter(Boolean)를 보았다. 무슨 문법일까? avoid possible duplicate section IDs by peterbe · Pull Request #4233 · mdn/yari Fixes #4227 I ran out of time but I'd like to write an end-to-end test that checks this. That's why it's a Draft PR. Some good pages to test this on: http://localhost:3000/en-US/docs/W... github.com const allIDs = new Map(); sections .map((.. 2021. 7. 30.
undefined 초기화 코어 자바스크립트를 읽다가 다음과 같은 문장을 접할 수 있었다. 예제 1-19의 [1]의 '값을 대입하지 않은 변수. 즉 데이터 영역의 메모리 주소를 지정하지 않은 식별자에 접근할 때 undefined를 반환한다'는 내용은 다른 자바스크립트 입문서에서 소개하는 내용과는 거리가 있습니다. 즉 'var a'라는 구문에 의해 식별자 a에 자동으로 undefined가 '할당된다'고 소개하는 것이 일반적입니다. 그런데 자바스크립트가 실제로 그렇게 동작하는 것은 아닙니다. 정확히는 아무것도 할당되지 않고 끝나며, 이후 변수 a에 접근하고자 할 때 비로소 undefined를 반환하는 것이 맞습니다. var a 로 선언하고 아무것도 할당하지 않았을 때, 아무것도 할당이 되지 않는다는게 사실일까? 궁금해졌다. MDN M.. 2021. 7. 30.
불변성 Immutability Immutability(변경불가성)는 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴이다. 객체는 참조 형태로 전달하고 전달 받는다. 의도하지 않은 객체의 변경이 발생하는 원인의 대다수는 “객체의 레퍼런스를 참조한 다른 객체에서 객체를 변경”하기 때문이다. var user = { name: 'hochan', gender: 'male' } var changeName = function (user, newName) { var newUser = user; newUser.name = newName; return newUser; }; var user2 = changeName(user, 'holee'); console.log(user.name, user2.name) // holee holee consol.. 2021. 7. 30.

티스토리툴바