Web Development/JavaScript(22)
-
객체
JavaScript에서 객체와 배열은 데이터를 구조화하고 관리하는 핵심 데이터 타입입니다. 이 챕터에서는 객체와 배열의 생성, 접근, 조작 방법과 주요 개념들을 살펴보겠습니다.객체객체는 관련된 데이터와 함수(메서드)를 하나의 단위로 그룹화합니다. JavaScript는 객체 지향 언어이며, 거의 모든 것이 객체로 취급됩니다.객체 리터럴객체 리터럴은 중괄호 {}를 사용하여 객체를 생성하는 가장 간단한 방법입니다.// 기본 객체 생성const person = { name: "홍길동", age: 25, job: "개발자", isMarried: false};// 빈 객체 생성 후 속성 추가const car = {};car.brand = "현대";car.model = "소나타";car.year = 2023;..
2025.03.30 -
함수 패턴
즉시 실행 함수 표현식(IIFE)즉시 실행 함수 표현식(Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 함수입니다.// 기본 IIFE 문법(function() { console.log("즉시 실행됩니다!");})(); // "즉시 실행됩니다!" 출력// 매개변수 전달(function(name) { console.log("안녕하세요, " + name + "님!");})("홍길동"); // "안녕하세요, 홍길동님!" 출력// 화살표 함수로 IIFE(() => { console.log("화살표 함수 IIFE");})(); // "화살표 함수 IIFE" 출력// 반환값 받기const result = (function() { const a = 5; c..
2025.03.30 -
클로저(Closure)
클로저(Closure)클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합입니다. 함수가 자신이 생성된 스코프 밖에서 실행될 때도 원래 스코프에 접근할 수 있는 현상을 말합니다.클로저의 기본 개념function createCounter() { let count = 0; // 외부에서 직접 접근할 수 없는 변수 return function() { count++; // 외부 함수의 변수에 접근 return count; };}const counter = createCounter();console.log(counter()); // 1 출력console.log(counter()); // 2 출력console.log(counter()); // 3 출력// 새로운 카운터 생성 (독립적인 count..
2025.03.30 -
스코프
스코프변수의 접근 범위(스코프)와 클로저의 개념 및 활용에 대해 알아보겠습니다.변수 스코프JavaScript에서는 변수가 선언된 위치에 따라 접근 가능한 범위가 결정됩니다.전역 스코프(Global Scope)전역 스코프는 코드의 어느 위치에서나 접근할 수 있는 변수 영역입니다.// 전역 변수const globalVar = "전역 변수입니다";function showGlobal() { console.log(globalVar); // 전역 변수에 접근 가능}showGlobal(); // "전역 변수입니다" 출력// 블록 밖에서도 접근 가능if (true) { console.log(globalVar); // "전역 변수입니다" 출력}// 브라우저 환경에서 전역 객체(window)의 속성이 됨console...
2025.03.30 -
함수의 정의와 호출
함수는 JavaScript에서 코드를 구조화하고 재사용하는 핵심 개념입니다. 이 챕터에서는 함수의 정의 방법, 매개변수와 반환값 처리, 그리고 변수의 스코프와 클로저에 대해 알아보겠습니다.함수의 정의와 호출JavaScript에서 함수를 정의하는 여러 방법과 함수를 호출하는 방법에 대해 살펴보겠습니다.함수 선언문가장 기본적인 함수 정의 방법으로, function 키워드와 함수 이름을 사용합니다.// 기본 함수 선언function greet() { console.log("안녕하세요!");}// 함수 호출greet(); // "안녕하세요!" 출력// 매개변수를 가진 함수function greetUser(userName) { console.log(`안녕하세요, ${userName}님!`);}greetUser..
2025.03.30 -
반복문
반복문반복문은 코드 블록을 여러 번 실행하는 데 사용됩니다.for 문가장 일반적인 반복문으로, 지정된 횟수만큼 코드 블록을 반복합니다.기본 구문:for (초기화; 조건; 증감) { // 조건이 참인 동안 반복될 코드}예제:// 기본 for 문for (let i = 0; i 0; i--) { console.log(i);}// 출력: 10, 9, 8, 7, 6, 5, 4, 3, 2, 1// 중첩 for 문 (구구단 예제)for (let i = 2; i = 5) break; console.log(i); i++;}// 출력: 0, 1, 2, 3, 4for...in 문객체의 속성을 반복하는 데 사용됩니다.기본 구문:for (변수 in 객체) { // 객체의 각 속성에 대해 실행될 코드}예제:// 객체 ..
2025.03.30