안녕하세요

JavaScript는 기존에 browser에서 벗어나지 못했지만 node.js가 개발됨으로써 웹 클라이언트가 웹 서버에 요청을 하면, 알맞은 데이터를 받아올 수 있게 되었습니다. (서버를 만들어 요청을 하고 데이터를 전송받을 수 있게 되었다.) node.js 모듈을 내보내고 불러와서 이용할 수 있습니다. (export와 import랑 같은 기능이라 생각하면 될 것 같습니다.) module.exports = { // 현재 파일을 내보냅니다. moduleName: "clac module", add: add, sub: sub, }; const calc = require('./calc'); // calc 파일을 불러옵니다. console.log(calc); // 위의 객체가 출력됩니다. REACT를 사용하는 이..

288. Fetch API : JavaScript를 이용해 HTTP 요청을 만드는 최신 방식 XHR대신 AJAX가 인기를 끌게 됩니다. 비동기 요청방식으로, 동적 화면을 만들고 새로고침을 하지 않아도 됩니다. fetch('https://주소') 올바른 주소라면 promise 상태 resolved를 반환하고 올바르지 않은 주소라면 promise 상태 rejected를 반환합니다. fetch('https://주소') .then(res => { console.log("response", res) // 주소로부터 응답을 받습니다. return res.json() // 주소로부터 받은 데이터를 JS로 이용할 수 있도록 parsing합니다. }) .then(data => { console.log("Parsing D..

281. AJAX 요청함수와 API 서버에서 실제 데이터 요청하기 282. AJAX API JavaScript로 요청하기 AJAX는 비동기식 JavaScript와 XML입니다. JavaScript로 AJAX에 요청을 할 때 순수한 데이터가 필요합니다. 이 때 필요한 것이 API입니다. 일반적으로 웹 개발자들이 말하는 API는 WebAPI로 HTTP를 기반으로 하는 인터페이스입니다. 이는 특정 엔드포인트를 제공하고, 사용되는 코드에 정보로 응답하거나 다른 소프트웨어에 정보로 응답합니다. 엔드포인트란 제공하는 정보와 비슷합니다. 예를 들어서 영화 API의 경우 (일자별 관객 수, 매출, 평점, 상영관정보, 이 모든것을 제공 등등)이 있다고 생각하면 될 것 같습니다. WebAPI는 다른 앱이나 데이터베이스로 ..

278. 비동기 키워드 async await const sing = async () => { throw "problem" return 'return value' } 오류가 없으면 promise 상태는 resolved가 뜨면서 retrun의 값을 반환하고 오류가 있으면 promise 상태는 rejectec가 뜨면서 에러가 발생합니다. sing() .then(data => { console.log("resolved", data) // promise 상태가 resolved면 .then()을 실행합니다. }) .catch(err => { console.log("rejected", err) // promise 상태가 rejected면 .catch()를 실행합니다. }) 좀 더 와닿는 예시로 로그인 함수를 만들어봅..