[JS] fs모듈 (part-2)

📌 어렵다~ 스프린트 과제이지만,, 테스트케이스와 구글을 참고 하며 두들겨 보았다.. 느낌은 오는데 여전히 와닿지는 않는다^^

 

01_callBack.js

const fs = require("fs");

const getDataFromFile = function (filePath, callback) {
  // TODO: fs.readFile을 이용해 작성합니다
  fs.readFile(filePath, "utf8", (err, data) => {
    err ? callback(err, null) : callback(null, data)
  })

};

getDataFromFile('README.md', (err, data) => console.log(data));

module.exports = {
  getDataFromFile
};

02_promiseConstructor.js

const fs = require("fs");

const getDataFromFilePromise = filePath => {
  // TODO: Promise 및 fs.readFile을 이용해 작성합니다.
  return new Promise((resolve, reject) => {
    fs.readFile(filePath, "utf8", (err, data) => {
      err ? reject(err) : resolve(data)
    })
  })

};

getDataFromFilePromise('README.md').then(data => console.log(data));

module.exports = {
  getDataFromFilePromise
};

03_basicChaining.js

const path = require('path');
const { getDataFromFilePromise } = require('./02_promiseConstructor');

const user1Path = path.join(__dirname, 'files/user1.json');
const user2Path = path.join(__dirname, 'files/user2.json');

// HINT: getDataFromFilePromise(user1Path) 및 getDataFromFilePromise(user2Path)를 이용해 작성합니다
const readAllUsersChaining = () => {
  // TODO: 여러개의 Promise를 then으로 연결하여 작성합니다
  return getDataFromFilePromise(user1Path)
    .then(user1 => {
      return getDataFromFilePromise(user2Path)
    .then(user2 => {
        return `[${user1},${user2}]`
      })
    }).then(text => JSON.parse(text))
}

readAllUsersChaining();

module.exports = {
  readAllUsersChaining
}

04_promiseAll.js

const path = require('path');
const { getDataFromFilePromise } = require('./02_promiseConstructor');

const user1Path = path.join(__dirname, 'files/user1.json');
const user2Path = path.join(__dirname, 'files/user2.json');

const readAllUsers = () => {
  // TODO: Promise.all을 이용해 작성합니다
  let user1 = getDataFromFilePromise(user1Path)
  let user2 = getDataFromFilePromise(user2Path)

  return Promise.all([user1, user2]).then((value) => {
    return value.map((data) => {
      return JSON.parse(data)
    })
  })
}

readAllUsers()

module.exports = {
  readAllUsers
}

05_asyncAwait.js

const path = require('path');
const { getDataFromFilePromise } = require('./02_promiseConstructor');

const user1Path = path.join(__dirname, 'files/user1.json');
const user2Path = path.join(__dirname, 'files/user2.json');

const readAllUsersAsyncAwait = async () => {
  // TODO: async/await 키워드를 이용해 작성합니다
  let arr = []
  
  let user1 = await getDataFromFilePromise(user1Path)
  let user2 = await getDataFromFilePromise(user2Path)

  arr.push(JSON.parse(user1))
  arr.push(JSON.parse(user2))

  return arr

}

readAllUsersAsyncAwait();

module.exports = {
  readAllUsersAsyncAwait
}

---

+추가적

JSON.parse(): JSON 문자열을 JavaScript 객체로 변환

JSON 문자열을 JavaScript 객체로 변환할 때는 JSON 객체의 parse() 메서드를 사용합니다.

parse() 메서드는 JSON 문자열을 인자로 받고 결과값으로 JavaScript 객체를 반환합니다.

JSON.stringify(): JavaScript 객체를 JSON 문자열로 변환

역으로 JavaScript 객체를 JSON 문자열로 변환할 때는 JSON 객체의 stringify() 메서드를 사용합니다. stringify() 메서드는 JavaScript 객체를 인자로 받고 JSON 문자열을 반환합니다.

 

참조 → 

JSON.parse()와 JSON.stringify()

 

 

# 자바스크립트 함수 호출하기, bind()

자바스크립트에서 함수를 호출 할 경우

bind()

메소드를 사용할 수 있습니다.

만약 어떤 함수가 있을 때 이 함수를 실행하기 위해서 bind()를 사용하면 어떻게 될까요?

이 경우 bind()는 새로운 함수를 반환하게 됩니다.

이는 함수를 실행하기 위해 () 소괄호를 사용하는 것과는 차이점, 다른 특징을 가질 수 있습니다.

즉, call(), apply()처럼 this를 지정할 수도 있고 또한 원하는 인자를 전달할 수도 있습니다.

이런 이유로 bind()가 사용됩니다. 그럼 간단한 사용 문법은 아래와 같습니다.

 

📌 Function.bind(thisArg, [arg1, arg2, ...])

 

thisArg // this가 가리킬 객체를 지정

[arg1, arg2 ... ]// 함수의 인자로 전달할 값

이때 첫 번째 인자인 thisArg는 선택옵션으로 값을 전달하지 않아도 되며 null 등을 사용할 수도 있니다.

그 다음은 함수에 전달 할 인자 값으로 배열 타입으로 전달하게 됩니다.

이처럼 인자 값을 배열로 전달하는 것은 apply() 와 비슷합니다.

[생각할 점] call(), apply()와의 차이점은?

거의 동일하게 활용이 가능하지만 함수를 실행하지 않고 함수를 생성한 후 반환하는 점에서 call(), apply()와의 차이점입니다.

 

참조 → 

자바스크립트 함수에 bind 메소드 사용하기