반응형 분류 전체보기294 [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. [CSS] @media, @keyframe @media{} : 오직 CSS만을 이용하여 반응형 웹을 개발하기 위해서는 @media{}가 필수적으로 쓰인다. @keyframe : 키프레임은 애니메이션을 구현할 때 많이 사용하는 기능인데, 원하는 지점에서 애니메이션 처리를 할 수 있어 디테일한 애니메이션 구현에 용이하다. 하지만, 아직도 이해 잘 못하는 코드. 솔직히 @media 안 써도 잘 되는 것 같고, @keyframe의 경우에는 애니메이션 처리할 일이 있어야 쓸것인데 아직 없다. 2023. 10. 23. 이전 1 ··· 57 58 59 60 61 62 63 ··· 74 다음 반응형