let's get IT with DAVINA 💻

TypeScript 적용하는 작은 프로젝트를 만드려다보니 항상 React만 사용해와서 강의를 듣는데 DOM 개념이 나오면 멘붕이 왔다.. 그런 내 맘을 알았는지 DOM 관련 영상을 올려주신 강사님 덕분에 정리를 해본댜.. DOM Document Object Model의 약자 HTML- 웹페이지의 구조를 만드는 마크업 언어 JavaScript- HTML로 만들어진 구조에 기능을 더할수 있는 프로그래밍 언어 DOM- HTML 요소를 Object처럼 조작할 수 있는 모델 DOM은 document객체를 통해 HTML에 접근 BOM(Browser Object Model)이 window 객체를 통해 브라우저에 접근 (window객체가 document객체보다 상위 개념) 브라우저가 이런 HTML Tag들을 다 읽을 ..

HTML - Structure 구조 CSS - Presentation 스타일 Javascript - Interaction 상호작용 HyperText Markup Language Javascript와 같은 프로그래밍 언어가 아니라 웹 페이지의 뼈대/틀 을 구성하는 마크업 언어입니다. HOW TO USE HTML? HTML은 tag들의 집합 Tag: 부등호()로 묶인 HTML의 기본 구성 요소 html 확장자 사용 TREE STRUCTURE Self-Closing Tag ⇒ 태그 내용에 내용이 없다면, (와 같이 표현되는 경우) 와 같이 표현 가능 (/생략도 가능) HTML 요소 (element) TAG div VS span div : 한 줄을 차지합니다. span : 컨텐츠 크기만큼 공간을 차지합니다. i..