본문 바로가기

..front-end20

005. JavaScript - Interpreter 2022. 1. 4.
004. JavaScript - ECMAScript(ES6) 01. let 키워드 ▶ 정의 및 사용법 let 키워드를 사용하여 블록 범위의 변수를 선언할 수 있습니다. 1. let 으로 정의된 변수는 재선언을 할 수 없습니다. 2. let 으로 정의된 변수는 변수를 사용하기 전에 선언해야 합니다. 3. let 으로 정의된 변수는 블록 범위에 사용할 수 있습니다. 02. const 키워드 ▶ 정의 및 사용법 const 키워드를 사용하여 상수(Constant)를 선언할 수 있습니다. ※ 상수(Constant)는 값을 변경할 수 없다는 점을 제외하고 let 변수와 유사합니다. 03. Arrow Functions ▶ 정의 및 사용법 '화살표 함수(Arrow function)'는 함수 표현식을 작성하기 위한 짧은 구문을 허용합니다. ※ function 키워드와 return.. 2022. 1. 3.
003. JavaScript - ECMAScript(ES5) 01. "use strict"; ▶ 정의 및 사용법 "use strict";를 사용하여 '자바스크립트(JavaScript)' 코드가 'strict mode'로 실행되어야 함을 정의합니다. 예를들어, 'Strict Mode'에서는 선언되지 않은 변수를 사용할 수 없습니다. 02. String[number] access ▶ 정의 및 사용법 String.prototype.charAt() 메소드를 사용하여 문자열(String)의 지정된 인덱스(위치)에 있는 문자(Character)를 반환합니다. 03. Multiline strings ▶ 정의 및 사용법 ES5는 백슬러쉬(\, Backslash)로 이스케이프(escape)된 경우 여러 줄에 대한 문자열 리터럴(literal)을 허용합니다. (단, 백슬러쉬(\, .. 2022. 1. 2.
002. JavaScript - ECMAScript 정의 1. 'ECMAScript'는 무엇인가? 1.1. 정의 - 다양한 웹 브라우저 환경에서 웹 페이지의 상호 운용성을 보장하기 위한 '자바스크립트(JavaScript)' 표준입니다. - 'WWW(World Wide Web)'에서 클라이언트 측 스크립팅(Client-side scripting)에 일반적으로 사용됩니다. - Node.js를 사용하여 서버 응용 프로그램 및 서비스를 작성하는데 점점 더 많이 사용되고 있습니다. 2. 'ECMAScript' 특징 2.1. Imperative and structured 2.2. Weakly typed 2.3. Dynamic 2.4. Transpiling 3.'ECMAScript' 개정 이력 3.1. ECMAScript 1-4 'ECMAScript' 사양은 Netscap.. 2022. 1. 1.
001. JavaScript 알아보기 JavaScript 알아보기 '자바스크립트(JavaScript)'는 무엇인가? 자바스크립트(JavaScript)는 HTML 문서 내에서 상호작용을 위한 기능을 추가할 때 사용하는 프로그래밍 언어입니다. - HTML : - CSS : - JavaScript : Player 1: IT-SEMICOLON 2021. 12. 31.
002. CSS 사용하기 CSS 사용하기 스타일 시트(Style Sheet)를 추가하기 위하여 세 가지의 방법이 있습니다. - 외부 CSS (External CSS) - 내부 CSS (Internal CSS) - 인라인 CSS (Inline CSS) 여러 개의 스타일이 선언 되었을 때, 스타일(Style) 적용 우선 순위는 아래와 같습니다. 1. 인라인 스타일 (Inline style inside an HTML element) 2. 외부 또는 내부 스타일시트 (External and internal style sheet in the head section) 3. 브라우저 기본값 (Browser default) 외부 CSS (External CSS) This is a heading This is a paragraph. /* Ext.. 2021. 12. 30.
001. CSS 알아보기 CSS 알아보기 CSS 무엇인가? 'CSS'은(는) 'Cascading Style Sheets'의 약어입니다. 'CSS'은(는) HTML Element가 화면, 종이 또는 다른 미디어(Media)에서 어떻게 표시되는지 설명합니다. 'CSS'은(는) 한 번에 여러 웹 페이지의 레이아웃을 제어함으로써 많은 작업을 절약합니다. 'CSS'은(는) CSS 파일로 저장된다. CSS 왜 사용하는가? CSS는 다양한 디바이스(Device)의 화면 크기에 맞게 웹 페이지의 스타일을 정의하는데 사용됩니다. CSS 문서 소개 body { background-color: lightblue; } h1 { color: white; text-align: center; } p { font-family: verdana; font-si.. 2021. 12. 29.
013. HTML5 Elements - 프로그래밍(Programing) HTML5 Elements - 프로그래밍(Programing) 태그는 브라우저에서 스크립트를 비활성화했거나 스크립트를 지원하지 않는 브라우저를 사용하는 사용자에게 표시할 대체 컨텐츠를 정의합니다. Element는 태그와 태그에서 사용할 수 있습니다. 태그 내부에서 사용될 때 Element는 , 및 Element 만 포함할 수 있습니다. ▶ 지원 브라우저 ELEMENT chrome edge firefox safari opera 지원 지원 지원 지원 지원 외부(Non-HTML) 응용프로그램에 대한 컨테이너를 정의합니다. ▶ 정의 및 사용법 태그는 웹 페이지, 사진, 미디어 플레이어 또는 플러그인 응용프로그램과 같은 외부 리소스에 대한 컨테이너를 정의합니다. ▶ 지원 브라우저 ELEMENT chrome edg.. 2021. 12. 28.