자바스크립트 36

자바스크립트 - 객체

1. 객체(Object)란? 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”이 객체이다. 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값을 사용할 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 프로퍼티 값으로 함수를 사용할 수도 있으며 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드라 부른다. 이와 같이 객체는 데이터를 의미하는 프로퍼티(property)와 데이터를 참조하고 조작할 수 있는..

자바스크립트 2023.10.22

자바스크립트 - 타입변환

1. 타입 변환이란? 자바스크립트의 모든 값은 타입이 있다. 값의 타입은 다른 타입으로 개발자에 의해 의도적으로 변환할 수 있다. 또는 자바스크립트 엔진에 의해 암묵적으로 자동 변환될 수 있다. 개발자에 의해 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환(Explicit coercion) 또는 타입 캐스팅(Type casting)이라 한다. var x = 10; // 명시적 타입 변환 var str = x.toString(); // 숫자를 문자열로 타입 캐스팅한다. console.log(typeof str); // string 동적 타입 언어인 자바스크립트는 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되기도 한다. 이를 암묵적 타입 변환(Implicit coe..

자바스크립트 2023.10.22

자바스크립트 - 제어문

제어문(Control flow statement)은 주어진 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다. 일반적으로 코드는 위에서 아래 방향으로 순차적으로 실행된다. 제어문은 코드의 실행 순서를 인위적으로 제어할 수 있다 1. 블록문 블록문(Block statement/Compound statement)는 0개 이상의 문들을 중괄호로 묶은 것으로 코드 블록 또는 블록이라고 부르기도 한다. 자바스크립트는 블록문을 하나의 단위로 취급한다. 블록문은 단독으로 사용할 수도 있으나 일반적으로 제어문이나 함수 선언문 등에서 사용한다. 문의 끝에는 세미 콜론(;)을 붙이는 것이 일반적이지만 블록문은 세미콜론을 붙이지 않는다. // 블록문 { var foo = 10; console.l..

자바스크립트 2023.10.22

자바스크립트 - 배열

자바스크립트에서 배열은 데이터 요소의 컬렉션을 나타내는 데이터 구조입니다. 배열은 여러 종류의 값을 저장할 수 있으며, 각 요소는 순서대로 나열됩니다. 배열은 특정 인덱스를 사용하여 요소에 접근할 수 있으며, 배열의 길이를 동적으로 조정할 수 있습니다. 배열 생성: 자바스크립트에서 배열을 생성하는 방법은 다음과 같습니다: 배열 리터럴 사용: 배열 리터럴은 대괄호 []를 사용하여 배열을 만들 수 있습니다. let fruits = ['사과', '바나나', '딸기']; Array 생성자 사용: Array 생성자를 사용하여 배열을 만들 수 있습니다. let numbers = new Array(1, 2, 3, 4, 5); 배열 요소 접근: 배열의 각 요소에 접근하려면 인덱스를 사용합니다. 자바스크립트의 배열 인덱..

자바스크립트 2023.10.19

자바스크립트 - 변수의 출력

자바스크립트에서 alert(), document.write(), console.log()는 각각 다른 방식으로 정보를 출력하는 메서드(함수)입니다. alert(): alert() 함수는 브라우저에서 경고 창을 표시하는 역할을 합니다. 이를 사용하여 사용자에게 메시지를 표시하고, 사용자의 입력을 기다리지 않고 메시지를 확인할 수 있습니다. 예제: alert("안녕하세요! 환영합니다."); document.write(): document.write() 함수는 현재 문서에 텍스트 또는 HTML을 출력하는 데 사용됩니다. 이를 사용하여 웹 페이지에 동적으로 콘텐츠를 추가할 수 있습니다. 예제: document.write("안녕하세요! 이것은 동적으로 추가된 내용입니다."); console.log(): conso..

자바스크립트 2023.10.19

자바스크립트 - 변수의 소개

자바스크립트의 주요 주제에 따른 간략한 설명과 각 주제에 대한 코드 예제를 아래에 제공합니다. 1. 변수 소개 (Introduction to Variables): 변수는 데이터를 저장하고 참조하는 데 사용되는 식별자입니다. 자바스크립트에서 변수를 선언하고 값을 할당하는 방법을 배우게 됩니다. 변수선언 끝에 세미콜론 붙입니다. 세미콜론은 문장의 끝을 의미 예제: let age = 30; // 변수 "age"를 선언하고 30을 할당 2. 변수 만들기 (Creating Variables): 변수를 만들고 초기값을 할당하는 방법을 배웁니다. 이 주제에서는 하나의 변수 또는 여러 변수를 동시에 만드는 방법을 다룰 것입니다. 예제: let name = "John"; // 하나의 변수 만들기 let x, y, z; ..

자바스크립트 2023.10.18