흰둥이는 코드를 짤 때 짖어 (왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!)

JSON(JavaScript Object Notation) 데이터를 저장하거나 전송할 때 사용되는 경량의 Data 교환 형식 사란과 기계 모두 이해하기 쉬우며 용향이 작아서 XML을 대체하여 데이터 전송들ㅇ에 많이 사용 데이터 포멧일 뿐, 통신 방법도 프로그래밍 문법도 아님 JSON의 특징 서버와 클라이언트간의 교류에서 일반적으로 많이 사용 자바스크립트를 이용하여 JSON 형식의 문서를 자바스크립트 객체로 변환하기 쉬움 자바스크립트 문법과 굉장히 유사하지만 텍스트 형식일 뿐 특정 언어에 종속되지 않으며, 대부분 프로그래밍 언어에서 JSON 포멧의 데이터를 핸들링 할 수 있는 라이브러리를 제공 {"name":"루시", "age":14, "family":"포메라니안", "weight":3.5}✅ JSON은 ..

async / await callback, Promise 비동기터리를 좀 더 쉽게 처리할 수 있도록 사용됨 ES7에 추가된 문법 // 1. Promis(비동기 처리될 전체 함수)를 만들고자 하는 함수 앞에 async를 붙여줌 async function 함수명(){ ... // 2. promise 앞에 await를 붙여줌 return 값; // 3. resolve()값과 동일 }문제 아래 함수를 이용하여 async/await 함수를 만들어 출력하는 문서를 작성해보자. function fetchEgg(chicken) { return Promise.resolve(`${chicken} => 🥚`); } function fryEgg(egg) { return Promise.resolve(`${egg} => 🍳`);..

옵셔널 체이닝(Optional Chaining) ECMA Script 11 버전에 추가 null 또는 undifined를 확인할 때 쓰이는 연산자 ?. , ?? let dog = {} dog && dog.name && dog.age dog?.dog.name dog.name?.age

프로미스(promise) 자바스크립트 비동기 처리에 사용되는 객체 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용 프로미스를 사용시 장점 비동기 처리 시점을 명확하게 표현 연속된 비동기 처리 작업을 수정, 삭제, 추가하기 편하고 유연 코드위 유지 보수성이 증가 const 프로미스객체 = () => new Promise((resolve, reject) => { })비동기 처리가 성공 또는 실패 등의 상태 정보를 갖게됨 resolve가 호출된 경우: 성공 reject가 호출된 경우: 실패 프로미스를 리턴받은 객체 .then(정상적으로 프로미스 객체가 리턴되었다면 필요한 일을 수행) .catch(에러객체가 리턴되었다면 에러를 처리) .finally(최종적으로 처리할 일을 수행)

예외처리 try { 예외가 발생할 것으로 예상되는 문장; ... ... }catch(error 객체){ 예외가 발생했을 때 처리할 문장; ... ... }finally{ 예외와 관계없이 무조건 실행할 문장 ... }

세트(set) set 객체는 중복되지 않은 유일한 값들의 집합 요소 순서에 의미가 없음 인덱스로 요소에 접근할 수 없음 교집합, 합집합, 차집합, 여집합 등을 구현 const 세트명 = new Set([요소1, 요소2, 요소3..]); 문제1. 주어진 배열에서 중복을 제거해보자! (단, set을 이용하여 중복제거) const fruits = ['🍎','🍊','🍎','🍉','🍌','🍓','🍌','🍈','🍋','🍈']; 문제2. 주어진 두 세트의 공통된 아이템만 담고 있는 세트를 생성해보자 const set1 = new Set([1, 2, 3, 4, 5]); const set2 = new Set([1, 2, 3]); 맵(map) Key, Value 로 이루어진 데이터 집합의 자료구조 const 맵이름 = n..

스프레드(Spread) 연산자 -> 전개구문 모든 Iterable은 Spread가 될 수 있음 순회가능한 데이터는 펼쳐 질 수 있음 function 함수명(...Iterable){ [...Iterable] {...obj} } function add(num1, num2, num3){ return num1 + num2 + num3; } add(10, 20, 30); const nums = [10, 20, 30]; add(nums[0], nums[1], nums[2]); add(...nums);구조 분해 할당 const fruits = ['🍌', '🍊', '🍎', '🍓', '🍉']; const [fruit1, fruit2, fruit3, ..