본문 바로가기
반응형

전체 글268

[JS] NPM Node.js를 설치하면 같이 설치되어 사용할 수 있습니다. npm에는 Node.js에서 사용되는 각종 코드 패키지들이 모여있고, 우리는 그 패키지를 다운로드 받아 사용할 수 있습니다. 좀 더 쉽게 npm은 Node.js 생태계의 앱스토어나 플레이스토어 같은 역할을 합니다. 자주 사용하는 npm 명령어 package.json 생성 $ npm init # 기본 설정 $ npm init -y 패키지 설치 # 로컬 설치 $ npm install # 전역 설치 $ npm install -g # 개발 설치 $ npm install --save-dev # package.json의 모든 패키지 설치 $ npm install 패키지 제거 # 로컬/개발 패키지 제거 $ npm uninstall # 전역 패키지 제거 $ .. 2023. 10. 23.
[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.
반응형