728x90 반응형 JavaScript18 JavaScript #12 객체와 배열 객체 (Object)객체는 자바스크립트에서 데이터를 구조화하고 저장하는 방식 중 하나로 키와 값 쌍의 집합으로 구성된다. 이 키-값 쌍을 통해서 다양한 테이터와 기능을 하나의 단위로 묶어 관리할 수 있다. 특징키-값키는 문자열 또는 심볼이어야 하며 값은 어떠한 데이터 타입도 가능하다. 만약 키에 숫자를 입력할 경우 자동으로 문자로 변환된다. 중첩 가능객체의 값으로 또 다른 객체를 가질 수 있다. 이를 통해 복잡한 데이터 구조를 표현하는 것이 가능하다. 동적 속성 추가/제거객체는 생성된 이후에도 속성을 동적으로 추가하거나 삭제할 수 있다. 생성 방법1. 객체 리터럴가장 일반적인 객체 생성 방법으로 중괄호를 사용하여 키-값 쌍을 정의한다.const person = { name: 'Bak', age.. 2024. 7. 23. JavaScript #11 함수 함수함수는 자바스크립트에서 재사용 가능한 코드 블록이자 일종의 객체이다. 따라서 속성도 가질 수 있으며 그 속성의 값이 변수라면 property, 함수라면 method가 된다. 함수는 선언, 호출, 매개변수, 반환값으로 구성된다. 함수 선언// 선언function greet(name) { // name : 매개변수 return `Hello, ${name}!`; // 반환값}console.log(greet('Alice')); // "Hello, Alice!" // 호출 함수 표현식함수 선언과 달리 변수에 할당되는 방식으로 정의되는 함수이다.let greet = function(name) { return `Hello, ${name}!`;};console.log(greet('Bob')); // ".. 2024. 7. 23. JavaScript #10 조건문과 반복문 조건문 (Conditional Statements)조건문은 특정 조건에 따라 코드 블록을 실행하거나 건너뛰는 방식으로 동작한다. if, else if, else let x = 10;if (x > 5) { console.log("x는 5보다 크다.");} else if (x === 5) { console.log("x는 5이다.");} else { console.log("x는 5보다 작다.");} switch하나의 변수를 다양한 값과 비교하여 코드 블록을 실행한다.let day = 3;let dayName;switch (day) { case 0: dayName = 'Sunday'; break; case 1: dayName = 'Monday'; .. 2024. 7. 23. JavaScript #9 데이터 타입 기본 데이터 타입숫자(Number) 정수 및 부동 소수점 숫자를 포함한다.let integer = 42;let float = 3.14; 숫자 조작산술 연산자를 사용해 숫자를 조작할 수 있다.let sum = 10 + 5; // 15let difference = 10 - 5; // 5let product = 10 * 5; // 50let quotient = 10 / 5; // 2let remainder = 10 % 5; // 0 문자열(String)텍스트 데이터를 나타낸다.let singleQuoteString = 'Hello, world!';let doubleQuoteString = "Hello, world!";let templateString = `Hello, ${name}!`; 문자열 조작연결 연산자.. 2024. 7. 22. JavaScript #8 클로저(Closure) 클로저클로저는 자바스크립트의 중요한 개념 중 하나로 함수와 그 함수가 선언된 렉시컬 환경(Lexical Environment)의 조합을 의미한다. 클로저는 함수가 선언될 때 그 함수의 스코프에 있는 변수들을 기억하고, 함수가 호출될 때에도 그 변수를 참조할 수 있게 한다. 렉시컬 환경(Lexical Environment)자바스크립트의 실행 컨텍스트에서 변수와 함수 선언의 스코프를 관리하는 내부 구조를 의미한다. 렉시컬 환경은 코드가 작성된 위치에 따라 스코프를 결정하는데, 이는 코드가 실행될 때가 아니라 작성될 때의 구조에 따라 스코프가 결정된다는 점이 중요하다. 렉시컬 환경의 구성 요소렉시컬 환경은 두 가지 구성 요소로 이루어져 있다. 1. 환경 레코드(Environment Record)현재 스코프에서.. 2024. 7. 22. JavaScript #7 var 변수에 대해서 var앞에서 정리한 내용을 바탕으로 생각해 보면 var 변수보다는 let, const 변수를 사용하는 것이 의도치 않은 문제가 발생할 경우를 줄일 수 있을 것으로 보인다. 그럼에도 var 변수는 왜 존재하고 사용되는지 정리한다. 역사적 이유자바스크립트의 초기 버전에는 let, const 키워드가 없었고 var 만이 유일하게 변수를 선언하는 방법이였다. 이후에 let, const 가 도입되면서 변수 선언에 더 나은 방법이 제공되었지만 기존의 코드를 유지보수하거나 과거의 자바스크립트 버전과 호환성을 유지하기 위해 여전히 var가 사용되는 경우가 있다. 레거시 코드많은 기존의 자바스크립트 코드베이스가 var를 사용하여 작성되었다. 이 코드를 유지보수하거나 확장할 때 기존의 스타일을 유지하기 위해 var를 계속.. 2024. 7. 22. 이전 1 2 3 다음 728x90 반응형