나디아 성장 일기

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..

문자열의 길이공백 포함let message = 'Less is more.';let stringTotalLength = message.length;console.log(stringTotalLength); // 13   특정 index의 글자 추출공백 미포함let message = 'Less is more.';let extractCharacter = message[5];console.log('extractCharacter : ', extractCharacter) // i   문자열 중간 글자를 바꾸는 건 불가능 기존 문자 변경 대신, 새로운 문자를 생성해야 함let immutableChangeCharacter = 'P' + message.slice(1);console.log(message);   부분 문자열..

숫자에 메서드 호출숫자 다음에 점 두 개 ..를 붙이기숫자를 (괄호)로 묶기123456..toString(36)(123456).toString(36)alert(123456.toString(36));// error! (첫 번째 점 이후는 소수점으로 인식)   숫자e + 0의 개수: 숫자 뒤에 e를 붙이고 0의 개수를 쓰면 개수만큼 0이 생성된다.let billion = 1e9; // 10억, 1과 9개의 0alert( 7.3e9 ); // 73억 (7,300,000,000)   toString(진법): 해당 진법으로 변환 후 문자형으로 반환let num = 255;alert( num.toString(16) ); // ffalert( num.toString(2) ); // 11111111alert(..

Object.keys(): 객체의 키(key)를 모아서 하나의 배열로 반환// 유사 배열const arrayLike = { 0: 'body', 1: 'head', 3: 'div', length: 3}const keys = Object.keys(arrayLike);for (let key of keys) { console.log(key);}// 출력 결과// 0// 1// 3// length   Object.values(): 객체들의 값(value)을 모아 하나의 배열로 반환// 유사 배열const arrayLike = { 0: 'body', 1: 'head', 3: 'div', length: 3}const values = Object.values(arrayLike);for (let valu..

객체(Object) : 키로 구분된 데이터 집합이나 복잡한 개체를 저장한다. (서랍장)let 객체명 = { }; 객체는 순서를 보장하지 않는다 ❌- 순서가 중요하면 배열 사용   프로퍼티(property): 서랍장 안의 파일 역할키(key): 값(value) 프로퍼티의 키는 '프로퍼티 이름', '식별자' 라고도 부른다. (파일의 이름표 역할)- 키의  문자형, 심볼형이 아닌 값은 자동으로 문자형으로 변환 let user = { // 객체 user에 두 개의 프로퍼티가 있다. (name, age) name = "Nadia", age = 24};  프로퍼티 값 읽기 / 추가객체명.프로퍼티 키alert(user.name); // Nadiaalert(user.age); // 24user.isAdmin = t..

재귀(Recursion) : 문제 해결을 위해 함수 자신을 다시 호출 문제 해결 능력이 자기자신에게 있음 👉 스스로를 호출함 어떤 프로시저(절차)가 자기 자신을 반복적 호출하여 문제를 풀어 나가는 알고리즘 함수 내부에서 함수를 호출하게 되면 먼저 호출됐던 함수가 일시정지 되고 호출된 함수가 실행된다. function pow(x, n) { if (n === 1) { return x; } else { return x * pow(x, n - 1); }}pow(2, 3);   예시 1factorial 함수를 재귀 호출 방식으로 작성 팩토리얼(n!): 그 수보다 작거나 같은 모든 양의 정수의 곱ex) 4! = 4 * 3 * 2 * 1function factorial(n) { if (n === ..