Jieunny의 블로그

📣 fetch를 이용해 HTTP 요청을 보내고 응답 받아오기 ✔️ HTTP 요청 ➰ 클라이언트가 HTTP 프로토콜을 사용해 서버에 요청 보내는 것 1️⃣ basicChaining.js const newsURL = 'http://localhost:4999/data/latestNews'; const weatherURL = 'http://localhost:4999/data/weather'; function getNewsAndWeather() { // TODO: fetch을 이용해 작성합니다 // TODO: 여러개의 Promise를 then으로 연결하여 작성합니다 return fetch(newsURL) .then((response) => response.json()) .then((json1) => { retur..

📣 fs 모듈을 통해 비동기 구현하기 ✔️ fs.readFile("filename", [options], callback) ➰ "filename" 파일을 [options] 을 적용해 읽은 후 callback 함수를 실행한다. ➰ 파일을 비동기적으로 읽어올 수 있다. ➰ 두번째 인자를 "utf8" 로 명시하여 인코딩이 되도록 해줘야 한다. 1️⃣ callback.js const fs = require("fs"); const getDataFromFile = function (filePath, callback) { // TODO: fs.readFile을 이용해 작성합니다 fs.readFile(filePath, 'utf8', (err, data) => { if(err){ callback(err, null); }..

📣 질문에 답해보기 1️⃣ Promise 실행 함수가 가지고 있는 두 개의 파라미터 resolve와 reject는 각각 무엇을 의미하나요? ✔️ resolve ➰ 콜백함수의 코드가 정상적으로 실행되면 resolve 함수가 호출되고, then으로 접근해서 1초후에 비디오를 멈추고, 제목을 표시한다. ➰ then이 promise 객체를 반환하면, 다음 then을 실행해서 함수를 받아온다. ✔️ reject ➰ 콜백함수의 코드에서 에러가 발생하면 reject 함수를 호출하고 catch로 접근 가능하다. 2️⃣ resolve, reject 함수에는 전달인자를 넘길 수 있습니다. 이때 넘기는 전달인자는 어떻게 사용할 수 있나요? ✔️ 각각 호출하는 콜백함수의 매개변수로 사용할 수 있다. 3️⃣ new Promis..

📣 js 메서들을 직접 구현해보자 ➰ 구현하면서 헷갈렸거나 헤맸던 메서드들만 정리 1️⃣ reduce ➰ 배열을 순회하며 각 요소에 iteratee 함수를 적용한다. ➰ 그 결과값을 계속 누적한다. ➰ 최종적으로 누적된 결과값을 리턴한다. ➰ iteratee(acc, ele, idx, arr) -> 차례대로 누적값, 데이터, 접근자, collection _.reduce = function (arr, iteratee, initVal) { // TODO: 여기에 코드를 작성합니다. let result = initVal; _.each(arr, function(ele, idx, arr){ if(result === undefined){ result = arr[0]; } else { result = iteratee..

📣 상속을 이용해서 클래스 구현하기 ✔️ 계층 구조 📣 super, extends 란? ✔️ super() : 부모 클래스의 함수를 호출할 때 사용한다. this 키워드가 사용되기 전에 호출되어야 한다. -> 안그러면 참조오류 발생 ✔️ extends() : 클래스를 다른 클래스의 자식으로 만들 때 사용한다. class 기반으로 상속을 받는 것처럼 보이지만, JS는 prototype 기반의 언어이기 때문에 내부적으로는 prototype chain을 통해 상속이 이루어진다. 📣 코드 1️⃣ Grub.js class Grub { constructor(){ this.age = 0; this.color = 'pink'; this.food = 'jelly'; } eat() { return `Mmmmmmmmm ${..

보호되어 있는 글입니다.