FRONTEND/JAVASCRIPT 10

JavaScript 튜토리얼 - JavaScript Data Types

더보기 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..

FRONTEND/JAVASCRIPT 2023.08.16

JavaScript Operators

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(산술 연산자) 더하기 (+), 빼기(-), 곱하기(*), 나누기(/), 나머지연산자(%), 증가 연산자(++), 감소 연산자(--), 지수..

FRONTEND/JAVASCRIPT 2023.08.04

JavaScript 튜토리얼 - JavaScript Const

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는 상수를 정의하는 데 사용됩니다. 상수는 프로그램 실행 동안 변경되지 않는 값을 나타내는데 사용됩니다. 예를 들어, 원주율 값이나 중력 상수 등이 ..

FRONTEND/JAVASCRIPT 2023.07.28

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 Variables

JavaScript Variables JavaScript 변수(Variables)는 데이터를 저장하고 나중에 참조하거나 조작하는 데 사용되는 이름이 붙은 메모리 공간입니다. 변수는 값을 보관하며, 값은 문자열, 숫자, 불리언 등 다양한 데이터 유형을 가질 수 있습니다. 즉, 변수는 데이터 저장을 위한 컨테이너/보관함 입니다. 자바스크립트 변수는 4가지 방법으로 선언할 수 있습니다. - 암시적 변수 선언 (권장하지 않음) - var - let - const // 암시적 선언 // 사용하기 전에 항상 변수를 선언하는 것이 좋은 프로그래밍 습관입니다. x = 5; y = 6; z = x + y; // var // var 키워드는 1955~2015년까지 사용되었지만 // 2015 이후 let, const가 추가..

FRONTEND/JAVASCRIPT 2023.07.21

JavaScript 튜토리얼 - JavaScript Syntax

JavaScript Syntax JavaScript 문법은 JavaScript 프로그래밍 언어에서 사용되는 구문 규칙의 집합을 의미합니다. JavaScript는 웹 페이지 상에서 동적인 동작을 구현하기 위해 사용되는 스크립팅 언어로, 문법을 사용하여 코드를 작성하고 실행합니다. JavaScript Values 자바스크립트는 두 가지 유형의 값이 있습니다. 고정 값(Fixed values)과 변수 값(Variable Values). 고정 값은 리터럴(Literals)이라고도 하며 변수 값은 변수(Variables)라고도 불립니다. JavaScript Literals 리터럴은 고정된 값으로 사용되며, 코드에서 직접 값을 지정합니다. 예를 들어, 5는 숫자 리터럴이고, "Hello"는 문자열 리터럴입니다. 숫..

FRONTEND/JAVASCRIPT 2023.07.19

JavaScript 튜토리얼 - JavaScript Statements

JavaScript Statements JavaScript 문장(JavaScript statements)은 JavaScript 프로그래밍 언어에서 실행 가능한 명령문입니다. JavaScript 문장은 컴퓨터에게 특정 작업을 수행하도록 지시하는 역할을 합니다. JavaScript 문장은 JavaScript 프로그램을 구성하는 기본적인 구성 요소입니다. 각 문장은 줄바꿈으로 구분되며, 문장은 세미콜론(;)으로 끝납니다. 세미콜론은 문장의 종료를 나타내는 구분자 역할을 합니다. 일반적으로 세미콜론을 사용하여 문장을 명확하게 종료하는 것이 권장됩니다. 그러나 JavaScript는 자동으로 문장을 종료할 수 있는 기능을 가지고 있기 때문에 세미콜론을 생략하기도 합니다. HTML에서 JavaScript 프로그램은 ..

FRONTEND/JAVASCRIPT 2023.07.17

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

JavaScript 튜토리얼 - JavaScript 위치

The HTML 삽입 미리보기할 수 없는 소스 JavaScript Functions and Events JavaScript에서 함수는 재사용 가능한 코드 블록입니다. 함수를 사용하여 특정 작업을 수행하고 필요할 때 호출할 수 있습니다. 이벤트는 사용자의 동작(예: 버튼 클릭, 마우스 움직임 등)에 응답하여 특정 동작을 수행하는 것을 말합니다. JavaScript에서는 함수를 이벤트 핸들러로 사용하여 웹 페이지의 동작을 제어할 수 있습니다. JavaScript in Demo JavaScript in Head A Paragraph. Try it HTML 삽입 미리보기할 수 없는 소스 JavaScript in HTML 문서 내 태그 내 작성하여 사용할 수 있습니다. 태그는 일반적으로 출처: https://ww..

FRONTEND/JAVASCRIPT 2023.07.13

JAVASCRIPT 튜토리얼 - 자바스크립트 기초적인 사용 기능

JavaScript. JavaScript는 웹 개발에서 주로 사용되는 프로그래밍 언어로, 동적인 웹 페이지를 만들고 사용자와 상호작용하는 기능을 추가하는 데 사용됩니다. 웹 브라우저에서 실행되는 클라이언트 사이드 스크립트 언어입니다. JavaScript는 Brendan Eich에 의해 개발되었으며, 처음에는 웹 페이지의 동적인 기능을 제어하기 위해 만들어졌습니다. JavaScript는 다음과 같은 주요 특징을 가지고 있습니다: 인터프리터 언어: JavaScript 코드는 브라우저에서 인터프리터에 의해 한 줄씩 해석되고 실행됩니다. 따라서 코드를 수정하고 즉시 결과를 확인할 수 있습니다. 객체 기반: JavaScript는 객체 기반 언어로, 객체를 생성하고 속성과 메서드를 가질 수 있습니다. 이를 통해 코..

FRONTEND/JAVASCRIPT 2023.07.12