공부/JavaScript
-
Moment공부/JavaScript 2021. 7. 1. 17:12
Moment : 날짜, 및 시간을 다루는 라이브러리 설치 npm i moment 사용법 const moment = require('moment') format() : 원하는 포맷을 지정하여 출력할수 있다. 대소문자 주의 할 것 년 월 일 현재 시간 const now = moment().format() 년(Year) YYYY (4자리 연도) / YY (2자리 연도) / Y (4자리 축약) const year1 = moment().format('YYYY YY Y') 월(Month) MMMM (월 이름) / MMM (월 이름 축약) MM (월) / M (0제외 월) : 1~12 Q (해당 월의 분기) : 1~4 const now1 = moment().format('MMMM ..
-
Promise공부/JavaScript 2021. 6. 21. 17:06
Promise : 자바스크립트에서 비동기 처리에 사용되는 객체 -> 실행은 바로 하되 결괏값은 나중에 받는 객체 -> 결괏값은 실행이 완료된 후 then 이나 catch 메서드를 통해 받는다 Promise 가 필요한 이유 : 비동기 처리를 위해서는 콜백 함수를 사용하게 되는데, 콜백 함수가 많아지면 코드 가독성이 안좋아진다 Promise 상태(states) : new Promise() 로 프로미스를 생성하고 종룔될 때까지 3가지 상태를 갖는다 Pending(대기) : 비동기 처리가 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 Pending(대기) : new Promi..
-
비동기, 콜백공부/JavaScript 2021. 6. 21. 10:35
동기 / 비동기 처리 동기(Synchronous) : 한 작업이 실행되는 동안 다른 작업은 멈춘 상태를 유지하고 자신의 차례를 기다린다 동작 방식 코드가 실행되면 순서대로 Call Stack에 실행할 함수가 쌓임 - push 쌓인 반대 순서대로 함수가 실행 - LIFO 실행이 된 함수는 Call Stack에서 제거 - pop 비동기(Asynchronous) : 어떤 요청을 보냈을 때 그 요청이 끝날 때까지 기다리는 것이 아니라, 다음 동작이 실행된다 동작 방식 Call Stack 에서 비동기 함수가 호출되면 Call Stack 에 먼저 쌓였다가 백그라운드(Web API)로 이동한 후에 해당 함수가 등록되고 Call Stack 에서 사라진다 백그라운드(Web API) 에서 비동기 함수의 이벤트가 발생하면,..