Record

렌더링(Rendering)은 웹 페이지의 HTML, CSS 및 JavaScript 코드를 해석하여 사용자가 볼 수 있는 실제 화면으로 변환하는 과정을 의미합니다. 이는 웹 브라우저가 웹 페이지를 표시하는 과정 중에서 중요한 단계 중 하나입니다. 렌더링 과정은 다음과 같은 단계로 이루어집니다: 1. **HTML 파싱(Parsing)**: - 브라우저는 서버로부터 받은 HTML 문서를 읽어들입니다. - HTML 문서는 파싱되어 트리 구조로 변환됩니다. 이를 DOM(Document Object Model) 트리라고 합니다. 2. **CSS 파싱**: - 브라우저는 HTML을 파싱하는 동안 CSS 파일을 다운로드하고 파싱합니다. - CSS 규칙은 해당하는 HTML 요소에 적용됩니다. - 파싱된 CSS 규칙은 C..

호이스팅(Hoisting)은 JavaScript에서 변수 및 함수 선언이 스코프의 최상단으로 끌어올려지는 동작을 의미합니다. 이는 코드의 실행 과정에서 변수 및 함수가 선언된 위치와 관계없이 스코프의 최상단으로 끌어올려져서 해석됩니다. 호이스팅은 다음과 같은 두 가지 현상을 포함합니다: 1. **변수 호이스팅(Variable Hoisting)**: - 변수 선언(var, let, const)이 스코프의 최상단으로 끌어올려지는 현상입니다. - 변수는 선언 단계에서 메모리에 할당되지만, 초기화 단계는 변수가 사용되는 코드에 도달했을 때 실행됩니다. ```javascript console.log(x); // 출력: undefined var x = 10; ``` 위 코드는 다음과 같이 해석됩니다: ```java..

https://flukeout.github.io/

``, ``, ``는 HTML에서 표를 만들 때 사용되는 요소들입니다. 각각의 역할과 차이를 살펴보겠습니다: 1. **`` (Table Row)**: - ``은 표(table)에서 한 줄(row)을 나타내는 요소입니다. - 표의 각 행을 정의합니다. - `` 요소 안에는 ``(데이터 셀) 또는 ``(헤더 셀)를 포함할 수 있습니다. - 일반적으로 표의 각 행은 `` 태그로 묶여 있습니다. 2. **`` (Table Data)**: - ``는 표의 데이터 셀을 나타내는 요소입니다. - 각 데이터 셀에 표시되는 실제 데이터가 들어갑니다. - 표의 각 행 안에 있으며, 데이터를 표시합니다. cf. ` (Table Header)**: - ``는 표의 헤더 셀을 나타내는 요소입니다. - 표의 열 또는 행의 제목을..

CSS(카스케이딩 스타일 시트, Cascading Style Sheets)는 HTML이나 XML과 같은 마크업 언어로 작성된 문서의 스타일(디자인, 레이아웃 등)을 정의하는 스타일 시트 언어입니다. CSS는 웹 페이지의 디자인을 담당하며, 요소의 색상, 크기, 폰트, 간격 등을 조절하여 웹 페이지를 더욱 시각적으로 매력적으로 만듭니다. CSS는 다음과 같은 기능을 제공합니다: 1. **스타일 지정**: HTML 요소에 적용할 스타일을 지정합니다. 예를 들어, 텍스트의 색상, 배경색, 폰트 크기 등을 설정할 수 있습니다. 2. **레이아웃 제어**: 요소의 위치, 너비, 높이, 여백 등을 제어하여 웹 페이지의 레이아웃을 조정할 수 있습니다. 3. **반응형 디자인**: 미디어 쿼리(Media Queries..

설치방법 설치 메뉴 - Extensions 확장프로그램 - rename 검색 - Auto Rename Tag 설치

https://developer.mozilla.org/ko/ MDN Web Docs는 Mozilla Developer Network의 약자로, 웹 기술과 관련된 문서와 자원을 제공하는 웹사이트입다. MDN Web Docs는 웹 기술의 개발과 학습을 지원하기 위해 만들어졌으며, 주로 웹 개발자들이 웹 표준 및 웹 기술에 대해 학습하고 참고할 수 있는 공식적인 문서를 제공합니다. MDN Web Docs가 제공하는 주요 내용은 다음과 같습니다: 1. **웹 기술 문서**: HTML, CSS, JavaScript를 비롯한 다양한 웹 기술에 대한 문서를 제공합니다. 이러한 문서는 각 기술의 사용법, 구문, 속성, 메서드, 예제 코드 등을 포함하고 있어 웹 개발자들이 해당 기술을 이해하고 활용하는데 도움을 줍니다...