나디아 성장 일기

API (Application Programming Interface): 프로그램 간의 상호작용을 돕는 도구들의 집합 웹 페이지에서 다양한 작업을 수행할 수 있도록 제공하는 도구와 기능들의 모음 자바스크립트의 API를 사용하면 웹 페이지의 동작을 제어하거나, 사용자와 상호작용하거나, 서버와 데이터를 주고받을 수 있다.    📌 브라우저 API: 웹 브라우저가 제공하는 기본 기능을 이용할 수 있게 해주는 API BOM(Browser Object Model) API: 브라우저 창과 관련된 정보를 다루는 API - window 객체를 사용하여 브라우저 창의 크기를 조절하거나, navigator 객체를 통해 사용자의 브라우저 정보를 가져온다.DOM(Document Object Model) API: 웹 페이지..

JSON (Javascript Object Notation) : 데이터를 구조화하여 저장하거나 전송할 때 사용하는 경량 데이터 교환 형식 사람과 기계 모두 읽기 쉽고 작성하기 쉬운 텍스트 형식 웹에서 서버와 클라이언트 간에 데이터를 주고받을 때 사용❗   JSON.stringify(): 서버에 보낼 때,  자바스크립트 객체를 JSON 문자열로 변환 코드 내용 👉 문자 형태로 바꿔줌 객체, 배열 등 가능 const user = { nickname: 'tiger', age: 44}JSON.stringfy(user);// '{"nikname":"tiger","age":44}'    JSON.parse(); : 서버에서 받을 때, JSON 문자열을 자바스크립트 객체로 변환 서버로부터 받은 데이터(문자..

전개 구문 (spread syntax)...obj : 반복 가능한 배열(array)이나 객체(object)의 요소들을 개별적으로 펼치는 데 사용 함수 호출, 배열 리터럴 등에 사용배열, 객체 등을 합칠 때도 사용let first = [1, 2, 3];let second = [4, 5, 6];console.log([...first, ...second]); // [1, 2, 3, 4, 5, 6]    ✨ Rest 매개변수 : 함수에 전달된 나머지 인수를 배열로 수집하는 기능 함수 정의에서 사용 function sum(a, b, ...numbers) { return a + b + numbers.reduce((acc, num) => acc + num, 0);}console.log(sum(1, 2)); // 3..

try catch: 코드 실행 중에 발생할 수 있는 오류를 처리하기 위해 사용 try {   ...}catch (err) {  // 에러 핸들링}* err.name: 에러 이름* err.message: 에러 내용  오직 런타임 에러에만 동작동기적으로 동작 코드가 문법적으로 잘못된 경우엔 try..catch가 동작하지 않음try { console.log(value); } catch (e) { console.log(e.name); // ReferenceError console.log(e.message); // value is not defined}  예시try { const data = JSON.stringify({ "id": 1, "name": "Leanne Graham", "u..

Iterable Object : 반복 가능한 객체 (배열을 일반화 한 객체)for...of 문을 사용할 수 있는 객체Symbol.Iterator 메서드가 반드시 구현되어야 함- Symbol.Iterator 메서드: Iterator 객체를 반환하며 Iterator 객체는 next() 메서드를 가짐 - next() 메서드: { value, done } 형태의 객체를 반환 (value는 현재 값, done은 반복이 끝났는지를 나타내는 boolean 값)객체, 배열, Iterable 객체는 다른 존재임 일반 객체는 next()를 호출할 수 없다❌  Iterator: 반복 작업을 수행하는 객체 next() 메서드를 통해 반복의 다음 값을 반환const arr = '1 2 3 4 5'.split(' ');const..

목차배열 검사배열로 변환배열 복사배열 요소 추가배열 요소 제거배열 탐색배열 변형 배열 요소 순회  📌 배열 검사  Array.isArray() : 값이 배열(array)인지 확인 배열과 arguments(유사 배열 객체)를 구분할 수 있다. function example() { console.log(Array.isArray(arguments)); // false}example(1, 2, 3);   true를 반환하는 값들Array.isArray([]);Array.isArray([1]);Array.isArray(new Array());Array.isArray(new Array("a", "b", "c", "d"));Array.isArray(new Array(3));Array.isArray(Array.pr..