HTML,CSS,JS

https://velog.io/@gga4638/HTMLCSS

HTML, CSS, JS 기초 개념

HTML

Hypertext Markup Language 로 웹콘텐츠의 의미와 구조를 정의하는 마크 업 언어

CSS

Cascading Style Sheets

• 스타일 시트 언어
• HTML 요소의 스타일을 선택적으로 지정하는데 사용
• HTML이나 XML과 같은 마크업 언어로 쓰인 문서를 화면에 어떻게 렌더링할지 정의하기 위한 언어

동작 원리
1. HTML 파싱하여 DOM 트리 생성
2. CSS 파싱하여 CSSOM 트리 생성
3. DOM 및 CSSOM을 결합하여 렌더링 트리 형성
4. 렌더링 트리에서 레이아웃을 실행하여 각 객체의 위치와 크기 계산
5. 개별 노드를 화면에 페인트

 

 

JS (자바 스크립트)

• 웹브라우저 내 동적인 요소를 구현하는 객체 기반의 스크립트 언어
• 브라우저에 자바스크립트 가상 머신(엔진) 내장
• Single Thread