반응형 JavaScript 문법 시리즈51 [JavaScript 문법] 10일차: 배열 기초 배열이란?배열은 여러 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다. 배열의 각 값은 인덱스를 통해 접근할 수 있으며, 인덱스는 0부터 시작합니다. JavaScript의 배열은 크기가 동적으로 조정되며, 다양한 데이터 타입을 혼합하여 저장할 수 있습니다.배열 선언배열을 선언하는 방법에는 배열 리터럴과 Array 생성자를 사용하는 방법이 있습니다.배열 리터럴let fruits = ['Apple', 'Banana', 'Cherry'];Array 생성자let fruits = new Array('Apple', 'Banana', 'Cherry');배열 요소 접근배열 요소는 인덱스를 사용하여 접근할 수 있습니다. 예제let fruits = ['Apple', 'Banana', 'Cherry'];console... 2024. 8. 10. [JavaScript 문법] 9일차: 객체의 프로토타입 프로토타입이란?프로토타입은 객체 지향 프로그래밍에서 객체가 다른 객체로부터 속성과 메서드를 상속받을 수 있도록 하는 메커니즘입니다. JavaScript는 프로토타입 기반 언어로, 모든 객체는 프로토타입을 가질 수 있습니다.프로토타입 체인프로토타입 체인은 객체가 다른 객체로부터 상속을 받을 때 형성됩니다. 객체는 자신의 프로토타입에 정의된 속성과 메서드를 사용할 수 있으며, 프로토타입 체인을 따라가면서 상위 객체의 속성과 메서드를 참조할 수 있습니다. 예제function Person(name, age) { this.name = name; this.age = age;}Person.prototype.greet = function() { console.log('Hello, my name is ' + thi.. 2024. 8. 9. [JavaScript 문법] 8일차: 객체 기초 객체란?객체는 여러 값들을 하나의 단위로 묶어서 관리할 수 있는 복합 데이터 타입입니다. 객체는 속성과 메서드로 구성됩니다. 속성은 객체의 상태를 나타내고, 메서드는 객체의 동작을 정의합니다.객체 리터럴객체 리터럴은 중괄호 {}를 사용하여 객체를 정의하는 방법입니다. 기본 문법let 객체이름 = { 속성1: 값1, 속성2: 값2, ...}; 예제let person = { name: 'Alice', age: 25, city: 'New York'};속성 접근객체의 속성에 접근하는 방법에는 점 표기법과 대괄호 표기법이 있습니다. 점 표기법console.log(person.name); // 'Alice'console.log(person.age); // 25 대괄호 표기법console.log(perso.. 2024. 8. 8. [JavaScript 문법] 7일차: 스코프와 클로저 스코프란?스코프는 변수, 함수, 객체가 접근할 수 있는 범위를 나타냅니다. JavaScript에는 전역 스코프와 지역 스코프가 있으며, ES6 이후에는 블록 스코프도 추가되었습니다.전역 스코프전역 스코프는 코드 전체에서 접근할 수 있는 범위를 의미합니다. 전역 변수는 함수 외부에서 선언된 변수입니다. 예제let globalVar = 'I am global';function test() { console.log(globalVar); // 'I am global'}test();console.log(globalVar); // 'I am global' 지역 스코프지역 스코프는 함수 내부에서만 접근할 수 있는 범위를 의미합니다. 지역 변수는 함수 내부에서 선언된 변수입니다. 예제function test() { .. 2024. 8. 7. [JavaScript 문법 ] 6일차: 함수 기초 함수란?함수는 특정 작업을 수행하는 코드 블록입니다. 코드를 재사용하고, 코드의 구조와 가독성을 개선하는 데 도움이 됩니다.함수 선언함수 선언은 function 키워드를 사용하여 함수를 정의하는 방법입니다. 기본 문법function 함수이름(매개변수1, 매개변수2, ...) { // 실행될 코드}예제function greet(name) { console.log('Hello, ' + name + '!');}greet('Alice'); // 'Hello, Alice!'함수 표현식함수 표현식은 함수를 변수에 할당하는 방법입니다. 기본 문법const 함수이름 = function(매개변수1, 매개변수2, ...) { // 실행될 코드};예제const greet = function(name) { consol.. 2024. 8. 6. [JavaScript 문법] 5일차: 반복문 반복문이란?반복문은 특정 조건이 참일 때까지 코드 블록을 반복해서 실행하는 구조입니다. JavaScript에서 반복문을 사용하면 반복적인 작업을 자동으로 수행할 수 있습니다.for 문for 문은 가장 일반적인 반복문으로, 반복 횟수가 명확할 때 사용합니다.기본 문법for (초기화; 조건; 증감) { // 반복해서 실행될 코드}예제for (let i = 0; i while 문while 문은 조건이 참인 동안 코드 블록을 반복해서 실행합니다.기본 문법while (조건) { // 조건이 참인 동안 반복해서 실행될 코드}예제let i = 0;while (i do...while 문do...while 문은 코드 블록을 먼저 실행한 후 조건을 평가합니다. 조건이 참인 동안 코드 블록을 반복해서 실행합니다.기본 문.. 2024. 8. 5. [JavaScript 문법] 4일차: 조건문 조건문이란?조건문은 특정 조건에 따라 코드 블록을 실행하거나 건너뛰게 하는 제어 구조입니다. JavaScript에서 조건문을 사용하면 다양한 상황에 대응하는 코드를 작성할 수 있습니다.if 문if 문은 주어진 조건이 참일 때만 코드 블록을 실행합니다. 기본 문법if (조건) { // 조건이 참일 때 실행될 코드}예제let age = 18;if (age >= 18) { console.log('You are an adult.');}if...else 문if...else 문은 주어진 조건이 참일 때와 거짓일 때 각각 다른 코드 블록을 실행합니다.기본 문법if (조건) { // 조건이 참일 때 실행될 코드} else { // 조건이 거짓일 때 실행될 코드}예제let age = 16;if (age >= 18.. 2024. 8. 4. [JavaScript 문법] 3일차: 연산자와 표현식 연산자란?연산자는 변수나 값에 대해 연산을 수행하는 기호입니다. JavaScript에서는 다양한 연산자를 제공하여 산술 연산, 할당, 비교, 논리 연산 등을 수행할 수 있습니다.산술 연산자산술 연산자는 숫자 값에 대해 기본적인 산술 연산을 수행합니다.덧셈 (+): 두 값을 더합니다.뺄셈 (-): 첫 번째 값에서 두 번째 값을 뺍니다.곱셈 (*): 두 값을 곱합니다.나눗셈 (/): 첫 번째 값을 두 번째 값으로 나눕니다.나머지 (%): 첫 번째 값을 두 번째 값으로 나눈 나머지를 구합니다.거듭제곱 (``)**: 첫 번째 값을 두 번째 값만큼 거듭제곱합니다.예제:let a = 10;let b = 3;console.log(a + b); // 13console.log(a - b); // 7console.log(.. 2024. 8. 3. [JavaScript 문법] 2일차: 변수와 데이터 타입 변수란?변수는 데이터를 저장하고 관리하는 데 사용되는 메모리 공간의 이름입니다. JavaScript에서 변수는 var, let, const 키워드를 사용하여 선언할 수 있습니다.변수 선언var 키워드: ES6 이전에 변수를 선언할 때 사용되었으며, 함수 스코프를 가집니다.let 키워드: ES6에서 도입된 변수 선언 키워드로, 블록 스코프를 가집니다.const 키워드: 상수 선언 키워드로, 블록 스코프를 가지며, 재할당이 불가능합니다.예제:var name = 'Alice';let age = 25;const country = 'USA';데이터 타입JavaScript의 데이터 타입은 크게 원시 타입(Primitive Types)과 객체 타입(Object Types)으로 나눌 수 있습니다.원시 타입숫자(Numb.. 2024. 8. 2. [JavaScript 문법] 1일차: JavaScript 소개 및 설정 JavaScript란?JavaScript는 웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어입니다. HTML과 CSS와 함께 웹의 핵심 기술 중 하나로, 클라이언트 측 스크립팅을 통해 사용자와의 상호작용을 가능하게 합니다.JavaScript의 역사JavaScript는 1995년 Brendan Eich가 넷스케이프(Netscape) 브라우저를 위해 개발한 언어입니다. 이후 ECMA 국제 표준화 기구에서 표준화되어 ECMAScript(ECMA-262)라는 이름으로 발표되었습니다. 현재 최신 버전은 ECMAScript 2022(ES13)입니다.JavaScript 환경 설정JavaScript를 작성하고 실행하기 위해 필요한 환경을 설정합니다.1. 브라우저 콘솔 사용모던 브라우저는 모두 JavaScrip.. 2024. 8. 1. 이전 1 2 3 4 5 6 다음 반응형