FU11M00N

자바스크립트에서 코드는 동기나 비동기로 처리가 된다 파일을 4개를 순서대로 읽어 콘솔 로그로 출력하고 싶다. 그럼 어떻게 처리를 해야 할까? 1) 우선 비동기 함수로 작성한 코드이다 해당 코드를 실행하면, (readFile 함수는 비동기 함수이다) const fs = require('fs'); fs.readFile('./readme.txt', (err, data)=> { if (err){ throw err; } console.log("1번",data.toString()); }) fs.readFile('./readme.txt', (err, data)=> { if (err){ throw err; } console.log("2번",data.toString()); }) fs.readFile('./readme.t..

- asyncd와 await async와 await는 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하기 위해 나온 문법입니다. - async와 await 사용하기 async function 함수명() { await 비동기처리 메서드(); } 함수 앞에 async 예약어를 붙이고 비동기 처리를 해야 하는 코드를 await앞에 붙이면 됩니다. async function findAndSaveUsers(Users){ //생략 } findAndSaveUsers().then(()=> { /*생략*/ }); // 혹은 async function other(){ const result = await findAndSaveUsers(); } 하지만 비동기 처리 메서드가 프로미스 객체를 반환하지 않는다면 a..

- JS 프로미스 프로미스는 비동기 작업을 조금 더 편하게 하기위해 나온 ES6의 새로운 기능입니다. 이전엔 비동기 작업을 처리할 때에 콜백 함수로 처리를했었습니다. 하지만 콜백 함수로 하게되면 비동기 작업이 많아질수록 코드가 난잡해져 일명 "콜백 지옥"이 나오게 되었습니다. 콜백지옥을 방지하기위해 프로미스를 사용합니다. 내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체 Then을 붙이면 결괏값을 반환합니다. 만약 실행이 완료되지 않았으면 완료된 후에 Then 내부 함수가 실행됩니다. - Promise 만들기 Promise 는 다음과 같이 만듭니다. const myPromise = new Promise((resolve, reject) => { //블라블라 //블라블라 //블라블라 //블라블라 //블..

- Node.js의 특징 node.js의 가장 중요한 특징 및 장점이라고 할 수 있는 것은 아래와 같습니다. 구글 V8 JS 엔진. 비동기 I/O 논 블로킹 처리 방식 이벤트기반 생산성 좋은 효율의 네트워크 서버 많은 Node.js 장점 중 몇 가지를 알아보겠습니다. - 이벤트 기반 node.js의 이벤트 처리는 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식입니다. ex) 클릭, 타이머, 네트워크 요청 등등 이벤트를 처리하기 위해 이벤트 리스너를 통해 이벤트를 미리 등록하고 콜백 함수를 사용하여 이벤트가 발생하였을 때 실행될 함수를 지정해줍니다. - 논블로킹 I/O 논 블로킹이란 시간이 오래 걸리는 함수를 백그라운드로 보내서 다음 코드가 먼저 실행되게 한 후 나중에 오래 걸리는 함수를 실행하는 ..

- Node.js 란? Node.js의 공식 홈페이지에서 내린 정의는 Node.js는 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임입니다. 런타임은 쉽게말해 실행기라고 이해하면 됩니다. 이제 자바스크립트로 앱, 게임 등등 많은 것들을 만들 수 있게 되었습니다. - 노드란 자바스크립트는 원래 브라우저, html에 종속되어 실행되어왔었습니다. 하지만 Node를 설치하게 되면 V8 자바스크립트 엔진이 실행시켜줘서 꼭 브라우저, html이 아니라도 자바스크립트를 실행할 수 있습니다. 여기서 자바스크립트가 브라우저에 종속되었다가 해방된 것이 매우 중요합니다. 이제 자바스크립트로 앱, 게임 등등 많은 것들을 만들 수 있게 되었습니다. 그럼 노드는 어떻게 사용할까요? 자바스크립트 소스코드를 작성하고 그것을 노..

- 기존의 기본 매개변수 함수의 매개변수는 기본값이 undefined 입니다. function fun(test){ var test = test || "fu11_m00n"; console.log(test); } fun(); fun(null); fun(false); 원래는 위의 예제처럼 처리를 했었습니다. - ES6 기본 매개변수 const color='red'; function defaultTest(defaultColor=color){ console.log(defaultColor); } defaultTest(undefined); 하지만 ES6에서는 인자가 넘어오지 않을때의 기본 값을 설정할 수있습니다. 주의해야할 것은 기존방법은 undefined뿐만아니라 null,false,0,공백 일때에도 적용이 되었습..

- 즉시 실행 함수를 쓰는 이유 첫 로드 시 초기화 할 때 변수를 global하게 선언하고 싶지 않고싶을때 변수에 함수를 이용해 즉시 값을 할당하고 싶을 때 라이브러리 전역 변수 충돌 방지를 원할때 (function(version){ console.log(version) }("ES5")); ((version)=>{ console.log(version) })("ES6"); ES6에서는 익명함수에서는 function 키워드 대신 괄호와 화살표를 사용합니다. 콜백 함수로 실행될 때 기존의 익명 함수는 글로벌 컨텍스트에 접근했지만, 화살표 함수는 콜백 함수를 할당한 당시의 컨텍스트를 그대로 활용합니다. 즉시실행 함수를 사용할 때는 , 괄호로 묶고 함수를 호출해야합니다.

- ES6 화살표 함수 아래와 같은 형태로 화살표 함수를 나타낼 수 있습니다. ( )=>{ } 소괄호와 화살표를 사용하여 function 키워드 없이 함수를 선언할 수 있습니다. function 대신 화살표가 생겼다고 생각하면 됩니다. const func = () => { console.log("화살표 함수"); }; func(); const func = () => console.log("arrow function"); func() 화살표 함수 안에 실행문이 하나면, 중괄호도 없앨 수 있습니다. 위와같이도 가능합니다. - this 객체 지향 관점에서 콜백을 정의할 때 더 유연하게 컨텍스트 활용이 가능합니다. 자바스크립트의 함수 실행에서의 this 는 기본적으로 전역객체입니다. 그렇기 때문에 아래와 같은 ..