자바스크립트란?
자바스크립트는 우리의 웹 페이지를 더욱 동적으로 만들어준다.
그러면 자바스크립트는 어떤 데이터들을 주로 다룰까?
여기서 NULL은 어떤 변수의 값이 의도적으로 비어있음을 의미한다.
하지만 Undefined은 의도적이지 않다.
여기서 데이터는 변수라는 메모리 공간에 저장되는 것을 볼 수 있다.
let a = 2'
이와 같이 변수를 선언하고, 값을 할당한다.
let 이랑 const 키워드가 있는데, const 키워드는 값을 한번 할당 후 재할당할 수 없다.
또 주의해야 할 것으로 변수의 이름은 예약어로 지을 수 없다.
예를 들면 if, for, switch 등등 특정한 의미가 이미 있는 예약어들이다.
함수
함수는 특정한 기능을 수행하는 코드의 집합이다.
매개변수를 받는 함수도 있고, return 키워드를 이용해 값을 반환하는 함수도 있다.
만약, 객체 데이터 안의 속성에 함수가 있는 경우, 이를 메소드라고 부른다.
조건문
어떤 조건에 따라 원하는 코드를 실행하는 조건문이다.
if 의 조건을 통과하지 못하면, else if 의 조건을 다시 본다. 이 또한 통과하지 못하면 else 키워드 코드블럭의 코드를 실행한다.
DOM 객체
HTML문서의 대부분의 요소는 DOM 객체이다.
자바스크립트를 이용하여 DOM 객체를 가져와, 웹 페이지를 더욱 동적으로 만들어 준다.
HTML요소는 다음과 같이 가져올 수 있다.
const data = document.querySelector(".imageCard"); : 클래스 이름이 imageCard인 HTML요소를 가져온다.
const data1 = document.querySelectorAll("div"); : div HTML요소를 모두 가져온다.
가져온 DOM 객체를 다음과 같이 속성 값을 변경해 내용을 변경할 수 있다.
data.textContent = "DEF";
querySelectorAll 메소드로 DOM 객체들을 가져오면 forEach 메소드를 실행할 수 있다. 가져온 모든 HTML요소에 원하는 코드를 적용할 수 있다.
그 외에도, DOM.classList.add(); DOM.classList.remove(); DOM.classList.contains(); 등 다양한 메소드들이 있다.
