728x90 반응형 Coding With Jina/JavaScript58 [Node.js] 간단하게 Node와 NPM을 최신 버전으로 업데이트하기 Node.js 버전을 업데이트 하는 방법은 여러가지이다. 그 중에 나는 가장 간단한 방법만 기재하고 나머지는 출처 사이트를 참고할 것 업데이트된 Node 바이너리(Binaries) 다운받기 Node.js 웹사이트에서 최신 버전을 다운받는 방법 여기에서 최신 버전과 오랫동안 서포트 되어왔던 버전들을 찾을 수 있다. 여기서 다운받아서 다시 설치하면 원하는 버전으로 쉽게 업데이트 가능! 2024. 4. 8. [자바스크립트] 동기와 비동기 차이점 * 동기 순차적/직렬적으로 태스크를 수행 요청을 보냈다면, 응답을 받아야 다음 동작이 이루어짐 순차적으로 실행되므로, 어떤 작업이 수행중이라면 뒤의 작업은 대기 블로킹(작업 중단)이 발생 * 비동기 병렬적으로 태스크를 수행 현재 작업의 종료여부와 무관하게 다음 작업을 실행 그러므로 동기 방식과는 달리 완료 순서가 보장되지 않음 블로킹이 발생하지 않음 동기는 요청의 결과가 그 자리에서 동시에 일어나야 하지만, 비동기는 그렇지 않음 따라서 동기적 주문의 경우 그 자리에서 커피를 받아야만 다음 작업을 처리할 수 있고, 비동기적 주문의 경우 진동벨을 받는 방식이라 한 번에 여러 주문을 처리할 수 있어 속도가 빨라지게 된다. 2023. 2. 3. [자바스크립트] fetch( ) 함수로 API 호출하기 ◾ fetch( ) 함수 fetch('api 주소') .then(res => res.json()) .then(res => { // data를 응답 받은 후의 로직 }); fetch(url, options) .then((response) => console.log("response:", response)) .catch((error) => console.log("error:", error)); - 첫번째 인자로 URL - 두번째 인자로 옵션 객체를 받고, Promise 타입의 객체를 반환 - 반환된 객체는 API 호출이 성공했을 경우에는 응답(response) 객체를 resolve하고 - 실패했을 경우에는 예외(error) 객체를 reject함 ◾ 예시 fetch("https://jsonplaceholder.. 2022. 11. 16. [자바스크립트] Ajax 정리 ◾ AJAX - Ajax는 Asynchronous Javascript and Xml의 약자 - 서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능 - 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식 - 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고 페이지의 일부만을 로드하는 기법 - 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미 ◾ AJAX로 GET/POST요청하는 방법 1. XMLHttpRequest라는 옛날 문법 쓰기 2. fetch() 라는 최신 문법 쓰기 3. axios 같은 외부 라이브러리 쓰기 .. 2022. 11. 16. [자바스크립트] Array filter( ) 함수 filter( ) 사용 방법 callback함수를 통해 주어진 3개의 인자(요소 값, index, 순회하는 대상 객체)를 사용해 Boolean 값인 true 또는 false 값을 반환하는 함수를 등록하는 것 const numbers = [1]; numbers.filter((number, index, source) => { // number: 요소값 // index: source에서 요소의 index // source: 순회하는 대상 console.log(number); // 1 console.log(index); // 0 console.log(source); // [1] return number > 3; }); 예제 const words = ['spray', 'limit', 'elite', 'exuber.. 2022. 11. 12. [자바스크립트/ES6] for...of 문 / 배열객체마다 반복되는 실행문 for...of 반복 가능한 객체(예: 배열, 문자열, 맵, 세트 등)를 반복 반복 가능한 객체의 값에 직접 접근할 때 유용 for( let 변수명 of 반복하고자하는 객체명 ){반복하고자 하는 명령문 작성} // 예시 const array1 = ['a', 'b', 'c']; for (const element of array1) { console.log(element); } // 결과 // expected output: "a" // expected output: "b" // expected output: "c" - 즉, 배열에 들어있는 요소만 뽑을 수 있음 - 배열의 인덱스가 아닌, 배열의 값에 직접 접근 2021. 9. 3. 이전 1 2 3 4 5 ··· 10 다음 728x90 반응형
