roqkf

const fakeRequest = (url) => { /* Promise는 new 키워드를 통해서 Promise 객체를 생성한다. ? 응답에 성공했을 때 처리하는 resolve 함수와 ? 응답에 실패했을 때 처리하는 reject 함수 ! 두 가지 콜백함수를 인자로 갖는다 정상적으로 처리되었다면 resolve 함수를 호출하게 되는데 이는 .then 메서드를 통해서 접근할 수 있다. 에러가 발생했을 경우에는 reject 함수를 호출하게 되는데 이는 .catch 메서드를 통해 접근할 수 있다. 정상처리 여부와 관계 없이 처리하는 것은 .finally를 통해 접근 가능하다. Promise chaining => .then, .catch, .finally 메서드는 Promise를 반환하기 때문에 체이닝이 가능해 ..

📌 Promise ✨ new Promise Promise는 class이기 때문에 new 키워드를 통해 Promise 객체를 생성한다. 또한 Promise는 비동기 처리를 수행할 콜백 함수(executor)를 인수로 전달받는데 이 콜백 함수는 resolve, reject 함수를 인수로 전달받는다. Promise 객체가 생성되면 executor는 자동으로 실행되고 작성했던 코드들이 작동된다. 코드가 정상적으로 처리가 되었다면 resolve 함수를 호출하고 에러가 발생했을 경우에는 reject 함수를 호출하면 된다. let promise = new Promise((resolve, reject) => { // 1. 정상적으로 처리되는 경우 // resolve의 인자에 값을 전달할 수도 있습니다. resolve(..

❤️‍🔥 재귀란? 재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴 🤔 JavaScript에서 재귀란 어떤 형태일까? function recursion(){ recursion(); } 다음과 같이 recursion이라는 함수 안에서 자기 자신인 recursion 함수를 다시 되돌아가서 호출하는 모양을 나타낸다. 🤔 재귀를 활용하여 문제 해결하기 문제: 자연수로 이루어진 리스트(배열)를 입력받고, 리스트의 합을 리턴하는 함수 arrSum 을 작성하세요. 🤔 재귀는 언제 사용하면 좋을까? 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우 반복문으로 작성된 코드를 더욱 간결하고 이해하기 쉽게 작성하고 싶은 경우 ❤️‍🔥 재귀의 ..

🤔 fetch API란? HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공 fetch는 '가져오다'라는 뜻으로 Request나 Response와 같은 객체를 이용해서 HTTP 파이프라인을 구성하는 요소를 조작하고 원격지에서 정보를 가져오기 위해서 사용한다 Promise를 기반으로 동작한다 예를 들면 포털 사이트에서 시시각각 변하는 정보와 늘 고정적인 정보가 따로 분리돼 있는 것을 볼 수 있다. 이 중에서 최신 뉴스, 날씨/ 미세먼지 정보는 동적으로 데이터를 받아야 하는 정보들로 이럴 때 많은 웹사이트에서 해당 정보만 업데이트하기 위해서 요청 API를 사용한다. 그 중에서 대표적인 Fetch API를 이용해서 해당 정보를 원격 URL로..

애니메이션 버튼을 클릭하면 해당 고양이 영상이 실행된다 callback promise async & await 1. callback function runCallback() { resetTitle(); // 제목 초기화 playVideo(); // 영상 재생 delay(1000, () => { // 1초 뒤에 영상이 틀어지고 제목을 표시함 pauseVideo(); displayTitle(); delay(500, () => { // 0.5초(?) 뒤에 제목 강조 highlightTitle(); delay(2000, resetTitle); // 2초 뒤에 제목 초기화 }); }); } function resetTitle() { log('제목을 초기화합니다'); title.classList.remove('vi..

Node.js 비동기 이벤트 기반 JavaScipt 런타임 Node.js의 경우에는 많은 API가 비동기로 작성돼 있다 🤔 모듈이란? 건축으로부터 비롯된 모듈이라는 단어 어떤 기능을 조립할 수 있는 형태로 만든 부분 fs(File System) 모듈: PC 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와준다 모든 모듈은 모듈을 사용하기 위해 불러오는 과정이 필요하다! Node.js 내장 모듈을 사용하는 방법 Node.js 내장 모듈 목록 - https://nodejs.org/dist/latest-v16.x/docs/api/ ❗ 파일을 읽을 때 쓰는 메서드 readFile ❗ 파일을 저장할 때 메서드 writeFile 💨 Node.js에서 다른 파일을 불러오는 require 구문 const fs = r..