js

NodeList

안녕하세요. 오늘은 NodeList에 대해 알아봅시다. NodeList 웹 문서에서 추출한 노드의 집합이며 HTMLCollection 객체와 거의 비슷하다. 즉, 배열은 아니나 배열처럼 Index를 통해서 각 노드에 접근이 가능하다. Index는 배열과 동일하게 0부터 시작한다. 모든 브라우저는 childNodes 속성에 대해 NodeList 객체를 반환하며 대부분의 브라우저는 querySelectorAll () 메서드에 대해 NodeList 객체를 반환한다. 그렇다면 NodeList는 배열의 기능을 할 수 있을까? NodeList 객체는 Array는 아니지만 forEach()를 사용하여 반복할 수 있다. 하지만 배열의 map이나 filter, find 등의 여러 가지 기능은 사용하지는 못 한다. 이때 ..

Lambda JS

오늘은 람다에 대해서 알아보겠습니다. 람다식은 기존 for문을 좀 더 간결하게 작성하는 방식입니다. 따라서 람다는 코드의 간결성과 코드의 퍼포먼스를 향상할 수 있습니다. 단점으로는 람다식을 남용하면 오히려 코드를 이해하기 어려운 부분이 있지만 for문에서 람다식을 사용하면 코드를 매우 간결하게 끝날 수 있으므로 람다식을 배우고 나면 람다를 자주 사용하도록 합시다. forEach : 모든 값 반복 let primeNumbers = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29]; 배열로 이루어진 primeNumbers 변수를 생성해서 2, 3, 5, 7, 11, 13, 17, 19, 23, 29를 가지는 배열을 만들었습니다. 각각의 primeNumbers를 호출하려면 기존의 for문을 사..

basic JS

안녕하세요. 오늘은 기본적인 JS에 대해 알려드리도록 하겠습니다. 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. script를 번역기로 검색해보면 영화나 방송의 대본&각본으로 나오는데요. Java라는 언어의 대본&각본이라고 할 수 있습니다. 이러한 자바스크립트는 오늘날 HTML, CSS와 함께 웹을 구성하는 요소 중 하나입니다. HTML은 웹 페이지의 (1) 기본 구조를 담당하고, CSS는 웹 페이지의 (2) 디자인, JavaScript의 경우 웹 페이지의 (3) 동작을 담당한다고 할 수 있습니다. 지금부터 JS를 사용하는 방법을 알아보도록 하겠습니다. JS는 Inline-Script와 Internal-Script와 External-Script방식이 있습니다. Inline-Script : 태그..