JavaScript
-
Javascript 부모, 자식 요소 찾기 및 DOM 탐색하기JavaScript 2021. 1. 1. 00:00
위와 같이 부모 요소에, 두개의 자식요소가 있다고 하자. vanilla javascript 에서 요소를 찾으려면, parent = document.querySelector('.parent'); 이런식으로 document.querySelector()으로 찾거나, document.getElementsByClassName('parent')[0]; document.getElementsByClassName()[0] 으로 가져올 수도 있다. (index값을 주지 않으면 배열 객체로 가져온다.) 자식을 찾을때도 마찬가지이다. children = document.querySelector('.parent .child1'); children = document.querySelectorAll('.parent .child1'..
-
[JavaScript] 간단한 비동기 애플리케이션, 왜 promise를 쓰는지 맛만 보기, 콜백함수JavaScript 2020. 12. 22. 00:42
자바스크립트 공부하는데 비동기, 콜백함수 관련 개념이 많이 나와서 간단히만 정리해보려고 한다. 물론 자세하게 쓸 지식도 없지만(...) 이후에 개념이 정립이 되면 다시 정리하려고 한다. 일단 비동기의 동작에 대해 설명하면, 1번 작업과 2번작업이 동시에 실행되는 것이다. 또는 1번과 2번이 순차적으로 실행되지 않는 것이라고도 할 수 있다. 이렇게 말하면 어렵게 느껴지지만 간단한 코드를 보자. console.log("1번 작업"); setTimeout(function() { console.log("2번 작업"); }, 3000); console.log("3번 작업"); 비동기 개념을 모를때는 "1번 작업", "2번 작업", "3번 작업"이 순차적으로 실행될거라고 생각할 것이다. 하지만 생각과는 다른 결과가..