"k0z의 개발일지" "k0z의 개발일지"

# Map이란? Map은 key-value pair를 저장하는 객체와 비슷함. 객체와 달리 key로 사용할 수 있는 모든 유형을 사용가능. key가 정렬된 순서로 저장되기 땨문에, 추가한 순서로 반복할 필요가 없음. # Map의 작업 수행 1) key-value pair 추가 및 검색(set) 2) key-value pair 삭제 3) 모든 key-value pair 제거(clear) 4) Map 크기 및 존재 여부 확인(size) #***Map 주요 메서드와 프로퍼티 1) new Map() – 맵을 만듬. 2) map.set(key, value) – key 를 이용해 value 를 저장. 3) map.get(key) – key 에 해당하는 값을 반환하고 key 가 존재하지 않으면 undefined 를 ..

# 일급 객체(First-Class Object)란? 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리키며, 함수는 일급 객체로 취급되기 때문에 매우 유연하게 사용할 수 있음. 1) 변수에 함수를 할당 함수는 변수에 할당할 수 있음. 함수는 값으로 취급되기 때문에, 다른 변수와 마찬가지로 변수에 할당할 수 있음. 변수에 할당된 함수는 나중에 사용할 수 있음. const sayHello = function() { console.log('Hello!'); }; sayHello(); // "Hello!" 출력 2) 함수를 인자로 다른 함수에 전달 함수는 다른 함수에 인자로 전달될 수 있음. 함수가 값으로 취급되기 떄문에, 다른 함수의 인자로 전달할 수 있음. 이것은 콜백(callback)..

# ES6(ECMAScript 6)란? JavaScript의 버전 중 하나로, 15년도에 발표됨. 이전 버전인 ES5에서 새로운 문법과 기능을 도입하여 효율적으로 코드를 작성 할 수 있도록 개선함. //ES6이후 대격변 1) let, const 기존 변수 선언인 var를 대체해서 나온 변수 선언 키워드이며, var, const, let의 차이는 선언과 할당의 차이로 나누어짐. - 선언: 변수명을 자바스크립트 엔진에 알리는 것. - 할당: 변수에 값을 저장하는 것(= 할당연산자). *** let의 특징: 재할당은 가능하고, 재선언은 불가능함. let value = "value1" console.log(value) // value1 value = "value2" // 재할당 가능 console.log(val..

# for 반복문이란? for (초기값; 조건식; 증감식) { // 반복할 코드 } - `초기값`: 반복문이 시작될 때 사용할 변수의 초기값을 설정함 . 이 값은 반복문이 시작되기 전에 한 번 실행됨. - `조건식`: 매 반복마다 검사되는 조건임. 조건이 `true`인 동안 반복문이 실행됨. - `증감식`: 각 반복이 끝날 때마다 변수의 값을 변경하거나 업데이트하는 역할을 함. 예를 들어, `for` 반복문은 초기값을 설정하고, 조선식을 검사하여 조건이 `true`인 경우 코드 블록 내의 명령문을 실행하며, 증감식을 통해 반복 횟수를 제어함. # for 반복문 `for` 반복문은 반복 횟수가 정해진 경우나 배열과 함께 사용할 때 효과적 1) 기본적인 for 문 for (let i = 0; i < 10; ..

# 배열(Aray) 생성 let fruits = ["사과", "바나나", "오렌지"]; - `fruits`는 배열이고, `[ ]`안에 "사과", "바나나", "오렌지"와 같은 요소가 쉼표 `,`로 구분 저장됨. - 배열은 순서대로 요소를 저장하며, 각 요소에는 인덱스가 할당됨. # 배열의 크기 지정 let numbers = new Array(5); - 크기가 5인 배열 numbers를 생성하며, new Array()를 사용하여 배열의 크기를 지정할 수 있음. # 배열 요소 접근 배열의 요소에 접근할 때는 해당 요소의 인덱스를 사용하며, 인덱스는 0부터 시작함. let fruits = ["사과", "바나나", "오렌지"]; console.log(fruits[0]); // "사과" console.log(fr..

# 객체(Object)란? 자바스크립트에서 중요한 데이터 구조로, key-value pair로 데이터를 저장하며, 한 변수에 다양한 종류의 값(데이터 타입)을 포함할 수 있음. #Key-Value Pair 객체는 key-value pair을 통해 데이터를 구성함. 각 key는 해당하는 value에 대한 식별자 역할을 함. 이를 통해 데이터에 의미를 부여하고 관리함. #Value의 다양한 데이터 타입 객체의 key와 value에 할당할 수 있는 데이터 타입에는 제한이 없음. 문자열, 숫자, 불리언, 함수, 배열, 다른 객체 등 어떤 데이터 타입도 value로 사용할 수 있음. let person = { name: "John", // 문자열 age: 30, // 숫자 isStudent: false, // 불..

3. 조건문의 중첩 중첩된 if문을 사용하여 복잡한 조건을 판별할 수 있음. //조건문의 중첩 let age = 20; let gender = "여성"; // 미성년자 구분 if (age >= 18) { if (gender === "여성") { console.log("성인 여성입니다."); } else { console.log("성인 남성입니다."); } } else { if (gender === "여성") { console.log("미성년 여성입니다."); } else { console.log("미성년 남성입니다."); } } - 위 예시에서 먼저 `age`가 18세 이상인지 확인하고, 그 다음에 성별을 확인하여 "성인 남성입니다." 또는 '성인 여성입니다.'를 출력합니다. 4. 조건부 실행 조건부 실..

# 조건문(if, else if, else, swich) 자바스크립트에서 조건문은 특정 조건을 만족하는 경우에 코드를 실행하기 위해 사용함. 1. if문 if문은 주어진 조건이 참(true)일 때 코드를 실행하는 가장 기본적인 조건문임. let x = 10; if (x > 0) { console.log("x는 양수입니다."); // 출력 결과: x는 양수입니다. } - 위 예시에서 변수 `x`가 0보다 큰 경우에 "x는 양수입니다." 메시지를 출력함. 이때 조건이 참이므로 코드는 실행됨. +++추가 문제) y의 길이가 5보다 크거나 같으면 길이 console,log로 출력 let y = "hello world"; if (y.length >= 5) { console.log(y.length); // 출력 결..