꿈꾸며 개발하기

Doctype 문서가 HTML5 문서임을 브라우저에 알려준다. 이것은 실제 HTML 태그가 아니라 브라우저에게 HTML 버전을 알려주는 선언이다. 문서의 HTML 버전을 지정한다. DOCTYPE(DTO, Document Type Definition)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지 알려주는 용도이다. : 문서의 전체 범위를 지정, 문서가 어디에서 시작하고 어디에서 끝나는지 알려주는 역할 lang 속성은 문서의 주언어가 영어임을 지정 문서의 정보를 나타내는 범위 웹 브라우저가 해석해야하는 웹 페이지의 제목, 설명, 사용할 파일위치, 스타일(CSS)같은 웹 페이지에 보이지 않는 정보를 작성하는 범위 문서의 메타데이터를 포함하..

HTML, CSS, 그리고 JavaScript는 웹 페이지를 구성하는 핵심 기술 각각은 웹 개발의 다른 측면을 담당하며, 함께 작동하여 사용자에게 인터랙티브하고 매력적인 웹 경험을 제공 HTML (Hyper Text Markup Language) - 구조 HTML은 웹페이지의 뼈대를 만드는 마크업 언어 웹의 구조를 담당하며, 웹 페이지 내에서 텍스트, 이미지, 동영상 등 콘텐츠를 정의하고 조직화 한다. HTML은 '하이퍼텍스트'를 사용하여 문서 간의 연결을 가능하게 하고 이를 통해 사용자는 하이퍼링크를 클릭하여 다른 페이지로 쉽게 이동할 수 있다. 얼굴을 만드는 과정에서 눈, 입, 윤곽 등을 형성하는 것과 같이 HTML은 웹 페이지의 구조적 요소를 만든다. CSS (Cascading Style Sheet..

더보기 JavaScript has 8 Datatypes 1. String 2. Number 3. Bigint 4. Boolean 5. Undefined 6. Null 7. Symbol 8. Object The Object Datatype The object data type can contain: 1. An object 2. An array 3. A date The Concept of Data Types In JavaScript 동적 타입 언어 JavaScript는 동적 타입 언어입니다. 이는 변수를 선언할 때 데이터 타입을 지정하지 않는다는 것을 의미합니다. 타입은 런타임에 변수에 할당된 값에 따라 결정됩니다. let variable = "I am a string"; // 스트링 타입입니다. varia..

HTML JavaScript 웹 페이지에 상호작용과 동적 기능을 추가하는 프로그래밍 언어입니다. 웹 브라우저에서 기본적으로 지원됩니다. HTML 문서의 요소를 선택, 수정, 추가 또는 삭제할 수 있습니다. The HTML Check Time HTML 삽입 미리보기할 수 없는 소스

HTML Iframes HTML에서 요소는 한 웹 페이지 내에 다른 웹 페이지를 임베드 할 때 사용됩니다. 이를 통해 사용자는 현재 웹 페이지를 떠나지 않고 다른 웹 페이지의 내용을 볼 수 있습니다. HTML Iframe Syntax HTML 태그는 인라인 프레임을 지정합니다. 인라인 프레임은 현재 HTML 문서 내에 다른 문서를 삽입하는 데 사용됩니다. 요소에 title 속성을 포함시키는 것은 웹 접근성 지침에 따라 권장되는 사항 중 하나입니다. Iframe - 주요 속성 src: 이 속성은 임베드될 페이지의 URL을 지정합니다. width & height: 이러한 속성은 iframe의 너비와 높이를 각각 지정합니다. 이는 픽셀 값이나 퍼센트로 지정될 수 있습니다. frameborder: 이 속성은 i..

JavaScript Assignment JavaScript에서 변수에 값을 할당하는 것은 가장 기본적인 연산 중 하나입니다. 이를 위해 = 연산자를 사용합니다. JavaScript Operators The Assignment (=) Operator x = 5, y = 2 일 때 x + y 의 값은? HTML 삽입 미리보기할 수 없는 소스 // 여러 변수 동시에 값을 할당하는 것도 지원 let a = 5, b = 6, c = 7; // 연속적인 할당도 가능, 모든 변수의 값은 5 let a = b = c = 5; JavaScript Arithmetic Operators(산술 연산자) 더하기 (+), 빼기(-), 곱하기(*), 나누기(/), 나머지연산자(%), 증가 연산자(++), 감소 연산자(--), 지수..

HTML id Attribute HTML의 id 속성은 웹 페이지 내의 특정 요소를 고유하게 식별하는 데 사용됩니다. id 속성의 값은 전체 페이지에서 유일해야 합니다. 이것은 CSS와 JavaScript에서 해당 요소에 접근하는 데 매우 중요하게 사용됩니다. Using The id Attribute 고유성 페이지 내에서 id의 값은 고유해야 합니다. 즉, 같은 id를 가진 두 개 이상의 요소가 있어서는 안 됩니다. CSS에서 사용하기 id를 사용하여 특정 HTML 요소에 스타일을 적용할 수 있습니다. CSS에서 id는 해시(#) 기호를 이용해 참조됩니다. The id Attribute CSS를 사용하여 ID가 "myHeader"인 요소의 스타일을 지정합니다 My Header HTML 삽입 미리보기할 수..

JavaScript Const const는 JavaScript에서 상수를 선언하는 키워드입니다. 상수는 한 번 할당되면 그 값을 변경할 수 없는 변수를 의미합니다. Cannot be Reassigned JavaScript const HTML 삽입 미리보기할 수 없는 소스 Must be Assigned JavaScript const변수는 선언될 때 값을 지정해야 합니다. // 맞음 const PI = 3.14159265359; // 틀림 const PI; PI = 3.14159265359; When to use JavaScript const? 상수: const는 상수를 정의하는 데 사용됩니다. 상수는 프로그램 실행 동안 변경되지 않는 값을 나타내는데 사용됩니다. 예를 들어, 원주율 값이나 중력 상수 등이 ..

HTML class Attribute HTML class속성은 HTML 요소의 클래스를 지정하는 데 사용됩니다. 여러 HTML 요소가 동일한 클래스를 공유할 수 있습니다. Using The class Attribute 속성 class은 종종 스타일 시트에서 클래스 이름을 가리키는 데 사용됩니다. 특정 클래스 이름을 가진 요소에 액세스하고 조작하기 위해 JavaScript에서 사용할 수도 있습니다. 아래 예제는 css 와 JavaScript에 class를 사용해 접근하는 예제입니다. London London is the capital of England. Paris Paris is the capital of France. Seoul Seoul is the capital of Korea. Hide Cities

let let 키워드는 ES6(2015)부터 도입되어 재선언 할 수 없습니다. var와 비교했을 때, let은 다음과 같은 특성과 차이점을 가집니다. Cannot be Redeclared 같은 스코프 또는 블록 내에서 let으로 선언된 변수는 재선언할 수 없습니다. 반면에 var 키워드를 사용하면 같은 스코프 내에서 변수를 재선언할 수 있습니다. let y = 1; let y = 2; // Uncaught SyntaxError: Identifier 'y' has already been declared Block Scope let 키워드로 선언된 변수는 블록 스코프를 가집니다. 블록 스코프란 중괄호 {}로 둘러싸인 영역을 의미합니다. 따라서, let으로 선언된 변수는 그 변수가 선언된 블록 내에서만 접근 ..