[TIL]21.06.23

👨‍💻 오늘 공부한 것

fs.readFile(파일Path, 옵션('utf-8'등등), callback)

: callback은 보통 다음과 같이 사용한다. fs.readFile의 사용법이 다음과 같이
  명시되어있기때문에 군말말고 따라쓴다.

fs.readFile(파일Path, 옵션('utf-8'등등), function(err, data){
	if(err){
    	callback(err);
    }else{
    	callbakc(data);
    }
})

: 느낌이 Promise쓸때 성공적으로 실행되면 resolve를,
  실패시 에러를 반환하는 reject와 비슷하다. 
  
  그래서 그런걸까? fs.readfile()은 비동기 메소드이다.

const test1 = () => {
	return new Promise((resove, reject) => {
    		resolve(1);
    })
}

const test2 = new Promise((resove, reject) => resolve(2);


function test(){
	return Promise.all([test1, test2])
  	.then(el => 
          console.log('test1 : ', el[0], ', test2 : ', el[1]))
}

// expect output => test1 : 1, test2 : 2

: 위와같이 Promise객체를 가지고 resolve로 값을 반환하는 변수나
함수를 Promise.all의 인자 값으로 배열을 감싸서 넣어주면 반환값
또한 인자를 넣은 순서대로 배열로 감싸져 나오기 때문에 저렇게 사용해주면 된다.

fetch는 객체를 정보로 가진 데이터를 url으로 불러와 사용하기위해 사용되는 메소드다. 
또한 then으로 반환하는 건 Promise객체다 거기서 json파일을 객체로 바꿔야하므로 코드
는 다음과 같다

/* 객체를 정보로 가진 데이터를 url 
let data = {
	name: '채린',
    	age: '나랑 동갑' 
}
	
*/


function test(){
	return fetch(객체를 정보로 가진 데이터를 url)
  	.then(response => response.json())
  	.then(console.log);	// .then(el => console.log(el))과 
  				// 같은 코드  
}
  /// expect output => 
  /* 
{
	name: '채린',
    	age: '나랑 동갑' 
}

아직 이것들이 비동기적으로 어떻게 쓰이는지 감이 안잡히지만 콜백지옥을 벗어나 가독성이 좋은 코드로 구현해준다는 것은 알았다.

비동기적으로 코드를 구성한다는 것은 시간이 좀 걸리는 코드를 따로 작업하게 놔두고 다른 코드부터 진행하는 식이다. 지금까지의 예시는 일부러 시간을 주어 늦게 작업되도록하는데, 제대로된 비동기예시코드를 보기위해선 서버공부하면서 차차 알아간다고 하니,, 기대도 되면서 두렵다,,

남들보다 지식을 받아들이는 학습속도가 그리 빠르지 않은 것을 보아 시간을 갈아넣어야겠다는 생각이 오늘도 들었다..

열심히.. 하자..