강의 대시보드 자바스크립트와 DOM에 대해 알아봅시다
자바스크립트와 DOM에 대해 알아봅시다
강의명 : 실용적인 웹 프로그래밍
수강 기한 : 무제한
진도율 : 0강/20강 (0%) | 시간 : 0분/95분
나가기
미수강
이전수업
다음수업

자바스크립트

웹 페이지를 위한 프로그래밍 언어. DOM의 기능을 사용해서 우리 주변의 웹 페이지를 애플리케이션으로 이용할 수 있게 도와준다.

변하고 변하는 '변수'

컴퓨터 프로그래밍에서 변수(變數, variable) 또는 스칼라(scalar)는 아직 알려지지 않거나 어느 정도까지만 알려져 있는 양이나 정보에 대한 상징적인 이름이다.

- 변수 (컴퓨터 과학) - 위키백과

말 그대로 '변하는 수'. 정보를 담는 '상자'로 비유 가능하다. 어떤 이름이 적힌 상자를 찾으면 그 내용물을 볼 수 있다.

수학에서 x, y, z, T등의 변수를 다루는 것과 거의 동일하게 다룰 수 있다.

자바스크립트는 var 이나, let 키워드로 변수를 만드는 것을 권장한다.

* 영상의 오류로 const 키워드는 변하지 않는 값을 담아두는 용도로 사용합니다.

함수

특정 작업을 수행하기 위한 코드의 집합으로, 코드를 재사용하기 위해 쓰는 기능이다. 수학에서 f(a,b)=a+b 같이 인자를 활용하는 것 처럼 자바스크립트의 함수에도 인자를 집어넣을 수 있다.

DOM

DOM문서 객체 모델은 HTML, XML 문서를 프로그래밍으로 다루는 용도의 도구이다. 마크업의 구조적인 표현에 자바스크립트로 접근할 수 있도록 도우며, 문서의 구조, 스타일, 내용을 프로그래밍적으로 수정할 수 있게 돕는다.

정확히는 HTML 요소의 정보를 담은 노드(태그)와 속성, 프로그래밍적으로 마크업을 다루기 위해 기능(자바스크립트 함수)가 추가적으로 필요하다. 이 세가지를 트리 형태의 자료 구조로 나타낸 프로그래밍 도구이다.

자바스크립트로 DOM 선택하기

document.querySelector 는 선택자의 정보를 통해 요소를 집어내는 자바스크립트 함수입니다.

document.createElement 는 자바스크립트로 HTML 요소를 만드는 함수이다.

document.body.appendChildbody 라는 마크업 요소 내부에 새로운 요소를 넣는 함수이다.

    목차 커뮤니티