[TIL] 2021.03.16

이머시브 4주차 2째날이 되었다.
오늘은 node.js의 module사용법과 fetch를 사용하여 웹 정보를 가져오는 방법에 대해서 공부하였다. 블로깅을 하며 오늘 배운것을 되새겨 보자 !

🔥Today Lesson🔥

• node.js module
• Promise.all
• fetch API

node.js module ⚽

node.js에서 module사용법
코드 상단에 require 구문을 이용한다.

const fs = require('fs') // 파일 시스템 모듈을 불러온다.

fs.readFile(path[, options], callback)
fs.readFile 메소드는 비동기적으로 파일 전체를 읽습니다.

path: 파일이름을 인자로 받는다.
options: options는 넣을수도 있고 넣지않을수도 있다.
보통 객체또는 문자열로 넘기는데 문자열로 넘길시에는 인코딩을 넘깁니다.
callback: callback함수를 인자로 받아서 파일을 다읽고 난후 실행된다.

fs.readFile('test.txt', 'utf8', (err, data) => {
  if (err) {
    throw err; 
  }
  console.log(data);
});

Promise.all 🏀

Promise.all이란?
여러가지 promise들을 동시에 병렬적으로 처리하고 싶을때 사용한다.

function multiply5 (number) {
 return new Promise((resolve, reject) => {
  setTimeout(() => {
    let result = number * 5;
    console.log(result);
    resolve(result);   
  }, 1000);
 });
}

Promise.all([multiply5(5), multiply5(10), multiply5(20)])
.then(result => { console.log('result', result) })  
// result[25, 50, 100]

fetch API 🏈

fetch API란?
fetch API는 사이트에서 흔히 보이는 최신뉴스, 날씨 정보를 url로 데이터를 받아오는 네트워크 요청이다.

fetch API는 보통 promise형태로 이루어져 있다.

let url = '받아올 url'
fetch(url)
.then(response => response.json())
.then(json => console.log(json))
.catch(err => console.log(err))

하루를 마치며👋

오늘은 node.js module에 대해서 배우고 fetch를 사용하여 데이터를 받아오는 방법에 대해서 공부하였다. 페어와 같이 과제를 진행하면서 검색해 보면서 하니깐 막히지는 않았는데 생소한 파트라서 그런지 머릿속에 남기긴 쉽지 않았던거 같다. 수업이후 시간에도 한번씩 보면서 머리에 남을수 있도록 노력해야 겠다 !!!