require라는 내장함수로부터 calc.js에 있는 모듈을 index.js에서 사용할 수 있다.

자바스크립트 코드는 브라우저 내장 자바스크립트 엔진을 이용하여 실행 Node.js 자바스크립트를 브라우저가 아닌 어디에서도 사용하게 해주는 프로젝트 (자바스크립트의 실행환경(Javascript's Runtime)) >> 브라우저 아닌 우리 컴퓨터 내에서도 실행할 수 있게 되었다. JS로 카카오톡이나, 파워포인트, 웹서버 어떤것도 만들 수 있게 된것이다. 웹서버, 클라이언트인 브라우저로부터 웹을 요청받으면 웹을 반환하는 것 웹 서버 URL(웹서버의 주소)이라는 주소로 요청 받아서, 요청받은 주소에 알맞는 웹사이트(HTML, CSS, JAVASCRIPT로 이루어진 웹파일들을 전달) Node.js를 이용해 웹서버를 만들 수 있고, 도메인을 통해 알맞는 웹파일을 주고받음 React간의 관계 브라우저에서 동작하는..

API(Application Programming Interface) - 응용 프로그램 프로그래밍 인터페이스 - 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상처리, 문자 제어등을 위한 인터페이스를 제공한다. JSONPlaceholder - OPEN API https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. As of ..

async와 await는 Promise를 더 쉽게 이용할 수 있도록 도와준다. 1. Async Promise를 반환하면, 결과 값은 Promise 값을 반환한다. 그리하여 helloAsync()함수는 Promise를 반환하는 비동기 함수가 된다. >> 그래서 console.log가 아닌 then을 사용해서 출력도 가능함을 알 수 있다. >> Async는 return 값을 Promise로 만든다. 2. Await // 비동기 함수는 Promise를 return한다. // 이 함수는 실패가 없다. function delay(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); } // 이렇게 해도 되지만 // function delay(m..

비동기 작업이 가질 수 있는 3가지 상태 function isPositive(number, resolve, reject) { setTimeout(() => { if (typeof number === "number") { // 성공 -> resolve resolve(number >= 0 ? "양수" : "음수"); } else { // 실패 -> reject reject("주어진 값이 숫자형 값이 아닙니다."); } }, 2000); } isPositive( 2, (res) => { console.log("성공적으로 수행 됨 : ", res); }, (err) => { console.log("실패 하였음 : ", err); } ); 이렇게 callback함수를 통해 비동기처리로 성공 및 실패를 내보았다. ..

자바스크립트는 코드가 작성된 순서대로 작업을 처리함 이전 작업이 진행 중일때는 다음 작업을 수행하지 않고 기다림 먼저 작성된 코드를 먼저 다 실행하고 나서 뒤에 작성된 코드를 실행한다. --> 동기 방식의 처리 동기적 처리의 단점은 하나의 작업이 너무 오래 걸리게 될 시, 모든 작업이 오래 걸리는 하나의 작업이 종료되기 전까지 올 스탑 되기 때문에, 전반적인 흐름이 느려진다. 웹사이트에서 버튼 하나하나마다 30초씩 속 터진다. 멀티 쓰레드 코드를 실행하는 일꾼 Thread를 여러개 사용하는 방식인 'MultiThread'방식으로 작동시키면 이런 식으로 작업 분할 가능 오래 걸리는 일이 있어도 다른 일꾼 Thread에게 지시하면 되므로 괜찮음 그러나 자바 스크립트는 싱글 쓰레드로 동작함 즉 이런 방식으로 ..