DOM_UPDATE

• CREATE, APPEND, READ를 통해 새래운 DOM객체를 만들고, 기존의 DOM객체에 붙이고 DOM객체를 선택해 조회하는 방법을 셜명했다.
• oneDiv라는 이름의 <div> 요소를 만들 수 있다.

	const oneDiv = document.createElement('div');
	console.log(oneDiv) // <div></div>

---

• UPDATE는 기존에 생성한 빈 div 태그를 업데이트하여, 다양한 작업을 할 수 있다.
• 첫번째로 textContent를 사용해서, 비어있는 div 엘리먼트에 문자열을 입력한다.

	oneDiv.textContent = 'dev';
	console.log(oneDiv) //<div>dev</div>

div 요소를 생성

---

• div 엘리먼트를 container에 append 했을 때. CSS 스타일링 적용되지 않는다.
• CSS 스타일링 적용될 수 있도록, div 엘리먼트에 class를 추가한다.

	oneDiv.classList.add('tweet')
	console.log(oneDiv) // <div class="tweet">dev</div>

classList.add를 이용해 tweet 클래스를 추가합니다.

---

• append를 이용해 container의 자식 요소로 추가한다.

	const container = document.querySelector('#container')
	container.append(oneDiv)

append를 이용햇 container의 자식 요소에 oneDiv를 추가한다.