반응형 WEB/JavaScript59 [JS] Node.js Node.js란 무엇입니까? 자바스크립트를 브라우저 말고도 로컬 PC에서도 실행시켜줄 수 있는 실행창(런타임)입니다. Node.js를 실행하면 그냥 자바스크립트 입력란이 하나가 뿅 뜨고요. 거기다가 자바스크립트 입력하면 바로바로 해석해서 실행시켜줍니다. 설치 https://nodejs.org/ko 2023. 10. 23. [JS] […] 배열을 나타낼 때 사용한다. 예를 들어 const users = [ {name: 'kim', age: 10, addr:'kor'}, {name: 'joe', age: 20, addr:'usa'}, {name: 'miko', age: 30, addr:'jp'} ]; 이와 같이 사용한다. const headerMenuEls = [...headerEl.querySelectorAll('ul.menu > li')] 다음과 같이 querySelectorAll을 쓸 때도 사용한다. 2023. 10. 23. [JS] stopPropagation 이벤트 객체의 메서드인 Event.stopPropagation() 를 이해하기 위해 일단 이벤트 버블링에 대해 알아보자. 버블링이란? 버블링이란 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하는 것을 말하며, 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. event.stopPropagation() 은 현재 이벤트 이후의 전파를 막아 위쪽으로 일어나는 이벤트 버블링을 막아 준다. 2023. 10. 23. [JS] import 자바스크립에서 외부 스크립트 또는 외부 모듈의 export된 함수, 객체를 가져오는데 사용됩니다. 모듈 전체 가져오기 import * as myModule from "my-module.js"; 멤버 가져오기 import {foo, bar} from"my-module.js"; 다른 이름으로 멤버 가져오기 import {reallyReallyLongModuleMemberName as shortName} from "my-module.js"; import {reallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short} from "my-module.js"; 바인딩 없이 모듈만 실행하기 단순히 특정 모듈을 불러와 실행만 할 목적이라면, .. 2023. 10. 23. 이전 1 ··· 9 10 11 12 13 14 15 다음 반응형