목차
객체 : 속성(자료) 및 그 자료에 대한 연산(방법)을 함께 묶어둔 것 - 이름을 붙여 특징지울 수 있는 것(thing, 즉, 세상의 모든 것) . 자기자신을 포함하여 서로 연관된 변수와 함수의 데이터 묶음 - 어떤 정보를 표현하기 위해 할당되는 기억장소 . 객체는 메모리 상에 있게되고, 프로그래밍 조작의 대상이 되는 것임
DOM (Document Object Model)
DOM(문서 객체 모델)이란? 웹 페이지에 대한 프로그래밍 인터페이스이다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있는 API를 제공한다.
DOM의 생성 방식
DOM은 원본 HTML 문서의 객체 기반 표현 방식이며 DOM의 개체 구조는 노드 트리(하나의 부모 줄기가 여러개의 자식 나뭇가지, 나뭇잎들을 가질 수 있는 나무와 같은 구조)로 표현된다.
HTML 코드로 알아보는 노드트리
<!doctype html> <html lang="en"> <head> <title> My first web page </title> </head> <body> <h1> Hello, world! </h1> <p> How are you? </p> </body> </html>
위의 문서는 아래와 같은 노드 트리로 표현이 된다.
DOM과 HTML의 차이점
DOM은 HTML 문서로부터 생성이 되지만 항상 동일하지 않다.
- HTML : 화면에 보이고자 하는 모양과 구조를 문서로 만든 것으로 단순 텍스트로 구성되어 있다. (최초에 화면을 그릴때 사용하는 설계도)
- DOM : HTML 문서의 내용과 구조가 객체 모델로 변화되어 다양한 프로그램에서 사용될 수 있다. (설계도를 이용하여 실제로 화면에 나타내지는 인터페이스)
출처 : https://velog.io/@surim014/DOM%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80
객체 지향 프로그램 : 객체 지향 프로그래밍은 컴퓨터 프로그래밍 패러다임중 하나로, 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법이다.
출처: https://jeong-pro.tistory.com/95 [기본기를 쌓는 정아마추어 코딩블로그]
반응형
'홈페이지 만들기' 카테고리의 다른 글
파일질라 이미지 올리기 (2) | 2020.05.15 |
---|---|
파일질라(File Zilla : FTP 프로그램) 사용법 (2) | 2020.05.14 |