Portfolio


//module-name 내에 export default로 내보내진 것을 가져옴
import defaultExport from "module-name";

//module-name 내 export된 모든 것을 가져옴. as 이후 이름은 중복되지만 않으면 자유롭게 정할 수 있음.
import * as allItems from "module-name";

//module-name 내 export된 것 중에 특정 값만 가져옴. 사용할 module만 호출할 수 있다는 장점.
import { loadItem } from "module-name";

//module-name 내 export된 것 중 특정 값만 이름을 바꿔 가져옴.
import {
	loadItem as loadSometing
} from "moudle-name";

//export default된 것과 개별 export된 것을 한번에 가져옴.
import defaultFunction, {
	loadItem
} from "moudle-name";

//별도의 모듈 바인딩 없이 불러옴. 불러오는 것만으로도 효과가 있는 스크립트에 사용.
import "module-name";


const promise = new Promise((resolve, reject) => {
	//promise 내부에서 비동기 상황이 종료될 때, resolve 함수 호출
	//promise 내부에서 오류 상황일 때, reject 함수 호출
})

//then을 이용해 비동기 작업 이후 실행할 작업 지정
function asyncPromiseWork() {
	//some code...
	return new Promise((resolve, reject) => {
		//some code...
		return resolve('complete')
})
}

//then의 result에는 resolve를 호출하여 넘긴 complete가 들어있음.
asyncPromiseWork().then(result => console.log(result))


const delay = (time) => new Promise(resolve => setTimeout(reslove, time))

const promise1 = delay(1000)
const promise2 = delay(2000)
const promise3 = delay(3000)

Promise.all([promise1, promise2, promise3]).then( () => {})


function getRandomInt(min, max) {
  min = Math.ceil(min);
  max = Math.floor(max);
  return Math.floor(Math.random() * (max - min)) + min;
}

const promises = [1,2,3,4,5].map(n => {
    const delayTime = getRandomInt(1000, 5000)
    return new Promise(resolve => {
        setTimeout(() => {
            console.log(`${n}번 고양이 완주`)
            resolve(`${n}번 고양이 승리`)
        }, delayTime)
    })
})

Promise.race(promises).then(message => console.log(message))


const work = () => {
  console.log("work run");
  delay(1000)
    .then(() => {
      console.log("1");
      return delay(1000);
    })
    .then(() => {
      console.log("2");
      return delay(1000);
    })
    .then(() => {
      console.log("3");
      return delay(1000);
    })
    .then(() => {
      console.log("done");
    });

  console.log("working...");
};

work();

Promise


const work = async () => {
  console.log("work");

  await delay(1000);
  console.log("1");

  await delay(1000);
  console.log("2");

  await delay(1000);
  console.log("3");

  await delay(1000);
  console.log("done");
};
work();

async, await


//function키워드
async function asyncFunction() {
	const res = await = request(...)
}

//arrow 키워드
const asyncFunction = async() {
	const res = await request(...)
}