본문 바로가기
반응형

JavaScript14

[JavaScript] for ... of for ... of for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다. 2022. 3. 28.
[JavaScript] Hoisting(호이스팅) 호이스팅이란? JavaScript에서 호이스팅이란 코드를 실행하기 전에 변수와 함수에 해당하는 scope의 최상단으로 끌어 올리는 것을 말한다. 즉 일부 유형의 변수를 실제로 선언하기 전에 scope를 위로 끌어 올려 사용할 수 있도록 해주는 것이다. (function () { var a = 10; (function () { console.log(a); //undefiend var a = 20; })(); console.log(a); //10 })(); console.log(a); // a is not defined 기존 var는 변수명만 위로 끌어올리고 값이 없기 때문에 undefined로 인식한다. 즉 코드에서 선언되기 전에 우리는 선언된 값을 얻지 못하게 된다. 이러한 행동은 JavaScript에서.. 2022. 3. 24.
[JavaScript] keyboardEvent 🎈 Keyborad Event KeyboardEvent는 사용자가 키보드의 키를 눌렀을 때 발생하는 이벤트 객체에 속한다. 이벤트 유형은 keydown, keypress, keyup이 있으며 발생한 키도의 활동의 종류를 식별한다. 사용자가 키보드의 키를 눌렀을 때 발생하는 이벤트는 KeyboardEvent 객체에 속합니다.' keydown - 어떤 키가 눌렸는지 나타내는 코드를 제공 //keydown을 사용한 모달창 닫기. ... document.addEventListener('keydown', function (e){ if (e.key === "Escape") { closeModal(); } }) ... keyup - 키를 놓을 때마다 값을 기록합니다 Focus the IFrame first (e.g... 2022. 3. 22.
[JavaScript] JavaScript 공부할 때 좋은 플러그인 이런식으로 미리 콘솔값을 옆에 자동으로 띄워주는 Quokka 플러그인 설치를 한 후 나같은 경우에는 필요할때 마우스 오른쪽 클릭 후 자동으로 나오게 클릭해서 사용하고 있다. 2022. 3. 16.
[자바스크립트 ] ] zerocho 자바스크립트 강의 9강 //다음 객체에서 a, c, e 속성을 구조분해 할당 문법으로 변수에 할당하기 const obj = { a : 'hello', b: { c: 'hi', d: {e : 'wow'}, }, }; const {a, b: {c, d:{e}}} = obj; const a = obj.a; const c = obj.b.c; const e = obj.b.d.e; // a, b, e속성을 구조분해 const {a, b} = obj; const {d: {e}} = b; >>b:이렇게 하면 할당이 안되기때문에 두번 해줘야함. 이벤트 버블링 - 이벤트가 발생할 때 부모태그에도 순차적으로 동일한 이벤트가 발생하는 것을 말함 event.currentTarget => 테이블에 직접 주고싶으면 currentTarget 이벤트 버블링.. 2021. 8. 19.
[JavaScript] zerocho 자바스크립트 강의 7강 8강 setInterval - setTimeout 과 비슷한 효과를 낸다. 그러나 setTimeout은 한 번 실행되고 마는 반면 setInterval은 지정한 시간마다 주기적으로 지정한 함수를 실행함. clearInterval, clearTimeout - 취소 rspx. rspx[scissors] [] 값자리 (변수) .뒤는 문자열이다 setInterbal(() => { console.log('hello'); }, 1000); //(얘는 1초를 보장하려는 노력을 함, 간격을 확실하게 지키려면 완벽하진 않지만 setinterbal) //setTimeout으로 바꾸기 (hello가 끝난 후에 1초임, 간격을 확실하게 보장하지 않아도 되면 셋타임) function hello() { console.log('hell.. 2021. 8. 19.

티스토리툴바