JS9 [JS] Node 객체 노드(Node)란? HTML DOM에서 정보를 저장하는 계층적 단위이다. 노트 트리는 노드들의 집합으로 노드 간 관계를 나타낸다. 자바스크립트에선 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있다. 노드 간 관계 - 노드 트리의 모든 노드는 계층적 관계 노드 종류 문서 노드 요소 노드 주석 노드 속성 노드 텍스트 노드 문서 노드(document node) - HTML 문서 전체를 나타내는 노드 요소 노드(element node) - 모든 HTML 요소는 요소 노드 - 속성 노드를 가질 수 있는 유일한 노드 주석 노드(comment node) - HTML 문서의 모든 주석은 주석 노드 속성 노드(attribute node) - 모든 HTML 요소의 속성은 속성 노드 - 요소 노드에.. 2022. 4. 14. [JS] 문서 객체 모델 DOM 개념과 자바스크립트 DOM이란? DOM은 문서 객체 모델(Document Object Model)로 객체 지향 모델로써 구조화된 문서를 표현하는 형식이다. DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 한다. DOM의 종류 Core DOM HTML DOM XML DOM Core DOM 모든 문서 타입을 위한 DOM 모델 HTML DOM HTML 문서를 위한 DOM 모델 HTML 문서를 조작하고 접근하는 표준화된 방법 모든 HTML 요소는 HTML DOM을 통해 접근 가능 XML DOM 문서를 위한 DOM 모델 XML 문서에 접근하여 그 문서를 다루는 표.. 2022. 4. 14. [React] State State state는 데이터가 저장되는 곳으로 유동적인 데이터를 다루기 위한 객체이다. component 내에서만 정의 가능하며 값의 변경이 가능하다. 데이터가 변경될 때 업데이트하는 방법 1. render() 함수를 이용해서 UI를 새로고침(리렌더링) 컴포넌트 내 값의 변경이 있을 때 새로고침이 필요한 곳에 render() 함수 사용. -> 모든 코드가 재생성되는 단점이 있다. ReactDOM.render(,root); 2. useState() 함수 사용 React.useState() 함수를 통해 state를 사용한다. 함수형 컴포넌트에서 가변적인 상태 관리가 가능하다. const [state 변수, state값 변경 함수] = React.useState(state 초기값) useState 함수는 배.. 2022. 1. 27. 이전 1 2 다음
