[4주차] html parsing, DOM tree, form-input 태그, cmd 함수로 바로가기

html parsing

html , css, javascript 에는 각각 자신만의 엔진이 있다. 

html의 엔진은 parser 라고 불리우는데, html 문서를 parser가 위에부터 아래로 쭉 내려가며 읽는 것을 html parsing 이라고 부른다.

html parsing이 모두 끝나면 DOM tree가 만들어진다.

 

DOM Tree 의 기능
: 자바스크립트 코드를 이용하여 (예를 들면, DOM API methods 중에 querySelector, getElementById) html을 자바스크립트에서 제어할 수 있게 된다.

---

form-input 태그

 

 

form 태그 안에 있는 input 태그와 button 태그는 사용자가 enter를 치거나, button을 눌렀을 때 submit 이벤트를 실행할 수 있다. 

<form>
	<input/>
	<button>Click</button>
</form>

---

cmd 함수로 바로가기

함수명에 커서를 놓고 cmd 키를 누르면, 함수명에 밑줄이 더해지며 클릭할 수 있게 된다. 그것을 클릭하면, 실제 함수 실행문으로 이동할 수 있다.