async
-
Async & Await , PromiseJava Script/기본 개념 정리 2020. 8. 17. 11:46
비동기란 ? 요청한 내용을 응답해 줄 것을 약속한다는 의미 즉, 요청과 응답이 바로 일어날 수도, 다른 시간대에 일어날 수도 있음 콜백함수란 ? 콜백이란 이름이 있는 것이 아니라, 함수의 사용 용도가 call / back인 함수를 의미한다. 클릭 이벤트가 발생할 때 출력되는 콜백 함수와 같은 말을 들어본 적이 있을 것이다. Promise란 ? promise로 구현된 비동기 처리 함수는 콜백을 예측 가능한 패턴으로 사용하도록 도와준다. 콜백 함수 안에서 생성된 프로미스 객체를 활용해 콜백함수가 성공,실패,오류 경우에 따라 후속 처리를 할 수 있다. 순차적이지 않은 비동기 함수의 실행 순서를 제어할 수 있게 도와준다. 콜백 패턴에 비해 코드 가독성이 좋고 반환된 결과물을 사용하기 편하다. Promise 작동..
-
JS 표준 입력 방법 (node.js readline), 비동기(Async & Await)패턴Java Script/기본 개념 정리 2020. 7. 27. 22:49
표준 입력 readline 모듈 이용 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); // 한 번 입력 rl.question(">>문자를 입력해주세요 : ", (line) => { rl.close(); console.log(line); // 입력 값 찍어보기 }); // 여러번 입력 rl.on("line", (line) => { if(line === "quit") rl.close(); console.log(line); }); rl.on('close', () =>{ process.exit(); }); question 한 번 입력, 파..
-
JavaScript의 첫걸음 ~ 자바스크립트가 뭔가요?Java Script/MDN 정리 2020. 7. 22. 23:18
그래서, 진짜 어떤 일을 할 수 있나요? APIs(Application Programming Interfaces) 이미 만들어진 코드의 집합체, 개발자들이 만들기 어렵고 힘든 부분을 쉽게 구현하도록 하는 프로그램 Browser API 웹 브라우저에 설치된 API들로, 컴퓨터 환경구성으로 부터 데이터를 보이게 하고 복잡한 일들을 하게한다. DOM(Document Object Model) API 동적으로 페이지의 스타일을 정하는 등 HTML과 CSS를 알맞게 조정하는 역할 팝업창이나 컨텐츠들이 보여지는 것들 모두 DOM의 결과 Geolocation API 지리적인 정보를 검색하게 해준다. Google Maps가 어떻게 위치를 찾고 지도에 표시하는지 알 수 있게 한다. Canvas와 WebGL API 2D와 ..