시작하는 중

async와 await 1. async async function 공식문서 async는 function을 비동기 함수로 정의해주는 선언으로써 암시적으로 Promise를 사용하여 Promise객체를 반환한다. new Promise와 유사하지만 코드를 간결하게 바꿔주는 역할도 해준다. async는 사실 Promise랑 같다 async function one() { return 1 } function one() { return Promise.resolve(1) } 위의 두 코드는 같은 것이다. async function는 Promise 객체를 반환하니까 return 1을 해주면 항상 해석되며 이행됨 상태와 함께 값에 1을 담아서 Promise객체로 반환하는 것! 2. await await 공식문서 await는..

JavaScript Date 객체 정리하는 이유 : FE든 BE든 간에 자주 쓰일 것 같아서 Date 객체 mdn JS Date 공식문서의 정의 : JavaScript 날짜의 기반은 1970년 1월 1일 UTC 자정과의 시간 차이를 밀리초 단위로 나타낸 것으로, 날짜와 시간의 컴퓨터 기록물을 대부분 차지하고 있는 UNIX 시간(UNIX epoch, 1970년 1월 1일 자정과의 시간 차이를 초 단위로 나타냄)과는 다릅니다. Date constructor 형태 const date = Date() const newDate = new Date() console.log(date) // 'Thu Nov 10 2022 17:55:51 GMT+0900 (한국 표준시)'' console.log(newDate) // T..

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API Intersection Observer API - Web APIs | MDN The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport. developer.mozilla.org 이게 뭐냐면 요소 하나를 관찰하도록 설정하고 이 요소가 지정해준 root를 기준으로 얼마나 교차하는가에 따른 threshold를 기..

어려운거 3대장인데 나는 이런거 못정리하면 잠못자서 정리함 일단 JS에서 function은 객체이다. 그래서 const print = function (value) { console.log(value) } print(100) 같이 변수명에 할당이 가능하고 const myFunc = { print:function (value) { console.log(value) } } MyFunc.print(100) Object 타입에 key에 할당 가능하고 function print(value, repeat) { this.value = value this.repeat = repeat this.go = function () { console.log(value) } } const func = new print(10,2) ..