JavaScript 3

[FE] HTML과 CSS, JavaScript 개요

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

FRONTEND 2023.11.10

JavaScript 튜토리얼 - JavaScript Let

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으로 선언된 변수는 그 변수가 선언된 블록 내에서만 접근 ..

FRONTEND/JAVASCRIPT 2023.07.24

JavaScript 튜토리얼 - JavaScript Output

JavaScript를 사용하여 데이터를 다양한 방식으로 "표시"할 수 있습니다. innerHTML을 사용하여 HTML 요소에 작성하기 innerHTML 속성을 사용하여 HTML 요소의 내용을 동적으로 변경할 수 있습니다. 예를 들어, document.getElementById('elementId').innerHTML = '텍스트';와 같이 사용하여 특정 요소의 내용을 변경할 수 있습니다. My First Web Page My First Paragraph. HTML 삽입 미리보기할 수 없는 소스 document.write()를 사용하여 HTML 출력에 작성하기 document.write() 함수를 사용하여 HTML 문서에 직접 데이터를 작성할 수 있습니다. 예를 들어, document.write('텍스트'..

FRONTEND/JAVASCRIPT 2023.07.14