발자취

module.exports는 다른 파일의 함수등을 참조하기 위해사용 된다. module.exports로 등록을 한 후 참조하고자하는 다른 js파일에서 require에 경로를 입력하여 사용 할 수 있다.

vsCode 확장에서 prettier 설치 검색창에(ctrl+shift+p) >open settings(UI) 검색 검색창에 Format on Save 검색 후 체크

json placeholder에 무료 API가 있다. fetch를 사용해서 api를 호출할 수 있다. fatch는 promise를 return 한다. async function getData() { let rawResponse = await fetch("https://jsonplaceholder.typicode.com/posts"); let jsonResponse = await rawResponse.json(); console.log(jsonResponse); } getData();

SetTimeout function taskA() { setTimeout(() => { console.log("A Task Eed"); }, 2000); } taskA(); console.log("코드 작업 끝"); SetTimeout을 사용하면 비동기적으로 행위를 처리할 수 있다. 앞에 인자 값엔 행위를 넣어주고 뒤에는 앞에 전달한 행위가 시작 기다림이다. SetTimeout은 실행이 되면 Call Stack에 쌓였다가 WebApis로 넘어가서 정해진 시간 동안 기다리다 시작하게 된다. 그렇기 때문에 아래코드가 먼저 실행될 수 있다. 콜백함수와 SetTimeout function taskA(a, b, cb) { setTimeout(() => { const res = a + b; cb(res); }, 3..

Spread연산자 사용방법. 객체에서 const cookie = { base: "cookie", madeIn: "Korea" }; const chocochipCookie = { base: "cookie", madeIn: "Korea", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "Korea", toping: "blueberry" }; console.log(cookie); console.log(chocochipCookie); console.log(blueberryCookie); 위에 3개의 쿠키들은 공통적인 프로퍼티를 갖는다 이를 객체마다 써주기에는 불필요하다. 이때 사용되는 게... spread연산자이다. 아래처럼....