HYE-ON HYE-ON

저번 포스트 Promise에 이어 ES6+에서 비동기 처리를 할 때 사용하는 Async/Await에 대해 알아봅시다. 💪 Async/Await란 Async와 Await는 단순히 말해 Promise의 업데이트된 버전으로, 편리하고 깔끔한 비동기 코드를 작성할 수 있습니다. 먼저 MDN Document에서 Async와 Await를 어떻게 설명하고 있는지부터 살펴볼까요? Async Async를 MDN Document에서 찾아보면 이렇게 설명하고 있습니다. async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의합니다. 비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수로, 암시적으로 Promise를 사용하여 결과를 반환합니다. 간단히 한 줄로 정리하자면, A..

자바스크립트에서 빈 값 등을 검사할 때 || 연산자를 사용하거나 함수의 인자로 들어오는 값을 체크할 경우 Default Value를 지정하여 사용합니다. 이때 || 연산자에서 우변에 있는 문장을 실행하는 경우와 Default Value가 세팅되는 경우의 차이점을 정리하고자 포스트를 작성하였습니다. || 연산자 MDN document에 따르면 논리 연산자 ||(OR)는 피연산자 중 하나의 값을 반환하므로 Boolean 외의 다른 값과 함께 사용하면 Boolean 값이 아닌 것을 반환할 수 있습니다. val1 || val2이라는 문장이 있었을 때, val1을 true라고 판단한다면 val1을, 아니면 val2를 리턴합니다. 이때 false라고 판단되는 자바스크립트의 경우는 아래와 같습니다. null NaN ..

서로 다른 객체 배열이 있을 때 두 객체 배열에 공통적으로 들어있는 객체 요소를 찾아내는 방법에 대해 설명합니다. let enterprise = [ { name: 'SULU', species: 'Human' }, { name: 'KIRK', species: 'Human' } ]; let yorktown = [ { name: 'BEN', species: 'Human' }, { name: 'DEMORA', species: 'Human' }, { name: 'SULU', species: 'Human' } ]; 위와 같이 배열 enterprise와 yorktown에는 객체(Object)들이 들어있습니다. yorktown에 존재하는 객체 중 enterprise에도 동일하게 들어있는 객체를 찾고자 한다면 어떻게 해..