Script

Promise Promise는 비동기 작업을 처리하기 위해 Javascript 안에 내장되어 있는 객체이다. 1.Promise의 state promise의 상태는 pending(작업 수행중) => fulfilled(작업완료) or rejected(작업실패)로 나뉜다. 2.Producer vs Consumer promise는 기능을 수행하여 해당 데이터를 만들어내는 Producer 그리고 그 데이터를 소비하는 Consumer로 나뉜다, Producer //새로운 Promise가 만들어지면,안에 있는 기능이 자동적으로 실행된다. const promise = new Promise((resolve,reject)=>{ //무거운 작업들(network,read file)등은 이렇게 프로미스로 처리하는게 좋다. //..

1.동기와 비동기 자바스크립트는 동기적이다 hoisting 후 코드 블록을 순서대로 실행한다 hoisting: var 변수와, 함수 선언들이 자동적으로 맨위로 올라가는 것을 말한다. 동기 정해진 순서에 맞게 코드가 실행되는것 console.log('1'); console.log('2'); console.log('3'); 비동기 언제 코드가 실행될지 예측할수 없는것 console.log('1'); setTimeout(()=>{ console.log('2'); },1000);//콜백함수 console.log('3');//1 3출력 후 1000ms뒤에 2출력 2.동기적 콜백과 비동기적 콜백 콜백함수란? 다른 함수의 인자로써 이용되는 함수 어떤 이벤트에 의해 호출되어지는 함수 동기적 콜백 function pri..

JSON-JavaScript Object Notation 자바스크립트에서 데이터를 저장하는 방식 1.Object를 Json으로 변환 stringify //stringify(obj) let json = JSON.stringify(true); console.log(json);//true json = JSON.stringify(['apple','banana']); console.log(json);//["apple","banana"] const rabbit = { name: 'tori', color: 'white', size: null, birthDate: new Date(), jump: () => { console.log(`${this.name}can jump!`); } }; json = JSON.string..

1.join 배열안에 있는 것들을 하나의 문자열로 만든다 { const fruits = ['apple','banana','orange']; const result = fruits.join();//()안에는 사이사이에 들어갈 것을 입력 //ex)fruits.join(|)-apple | banana | orange console.log(result);//apple,banana,orange } 2.split 하나의 문자열을 배열로 만든다 { const fruits ='🍎,🥝,🍌,🍒'; const result =fruits.split(',');//()안에는 무엇을 기준으로 쪼갤것인지를 입력 //fruits.split(',',2)- (2) ['🍎', '🥝'] console.log(result);//['🍎', '🥝..

1.선언 const arr1 = new Array();//방법 1 const arr2 = [1,2];// 방법2 2.Index 위치 const fruits = ['🍎','🍌'] console.log(fruits);//(2) ['🍎', '🍌'] console.log(fruits.length); //2 console.log(fruits[0]);//🍎 console.log(fruits[1]);//🍌 console.log(fruits[2]);//undefined console.log(fruits[fruits.length-1]);//🍌(배열의 마지막 데이터) 3.배열에서의 loop print all fruits힐때 a.for for (let i = 0; i < fruits.length; i++) { console..

object Js의 데이터 타입 중 하나이다 함수나 데이터와 연관된 것들의 모음 Js의 거의 모든 객체는 Object의 인스턴스이다 object = { key: value}; 1.literals and propertries 1-1.객체 리터럴, 객체 생성자 const obj1 = {}; //'객체 리터럴' syntax const obj2 = new Object(); //'객체 생성자' syntax //객체 리터럴 function print(person) { console.log(person.name); console.log(person.age); } //객체 생성자 const ellie = {name:'ellie',age:4}; print(ellie); 1-2.자바스크립트는 dynamically type..