DEV/javascript
-
Javascript 비동기 Async - await 정리 (설명을 경량화...)DEV/javascript 2022. 4. 8. 17:59
비동기 처리를 하는 경우 자주 사용하게 되는 Async - await을 간단하게 정리했다. Promise를 모른다면 아래 글을 보고 오는 것을 추천! https://seokbong.tistory.com/56 Javascript Promise 정리 (설명을 경량화...) 오늘은 Promise를 찾아보았다. 검색을 해보니...? Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference.. seokbong.tistory.com await은 async와 같이 사용되었음. await을 쓰기 위해서는 function 앞에 aysnc를 선언한 후 해당 함수 내에서 ..
-
Javascript Promise 동시에 여러 개 실행하기DEV/javascript 2022. 4. 8. 16:59
Javascript Promise 동시에 여러 개 (한번에 여러 개) 실행하는 방법 Promise.all(배열) : 하나라도 실패하는 경우 catch로 감. 기본적인 사용 방식 const promise1 = Promise.resolve('성공1'); const promise2 = Promise.resolve('성공2'); Promise.all([promise1, promise2]) .then((result) => { console.log(result);// ['성공1', '성공2'] }); ... 요청을 한번에 묶고 모든 요청에 대해 응답이 완료된 후 실행하는 방법. // @param {Array} api_url조회 대상(API url) 묶음 async function getApi(api_url) { c..
-
Javascript Promise 정리 (설명을 경량화...)DEV/javascript 2022. 4. 8. 16:56
오늘은 Promise를 찾아보았다. 검색을 해보니...? Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise Promise - JavaScript | MDN Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. developer.mozilla.org ....? 번역체인지 말이 어렵다. 내 마음대로 정리해보자. Promise 내용은 실행되었지만 결과를 아직 반환하지 않은 객체 (실행 결과를 호출 전까지 가지고 있음) Callback과의 가장 큰 차이점 : 코드를 분리할..
-
Javascript import vs require 차이점 알아보기DEV/javascript 2022. 4. 1. 21:48
요즘 백준 알고리즘 문제를 js로 풀고 있다. 알고리즘을 풀려고 한다면 무조건 사용하게 되는 것이 있다. 바로 파일 시스템(File System, fs) 이다. 알고리즘을 풀 때, 알고리즘 문제에 대한 입력 값을 받아야 한다. 이때, 파일 시스템을 통하여 접근한다. 아직 노드를 공부하기 전이라 인터넷에 검색하고 그대로 복사하여 사용하였다. (단순하게 javascript를 이용하여 문제를 풀려고 하여 node js를 쓴 것이지 node js를 공부하려고 쓴 것은 아니다. 결국 js 실행기니까...) 아무튼 갑자기 에러를 뿜어서 찾아보니 import 와 require는 다르다는 것을 알았다. import fs from 'fs'; const fs = require('fs'); - require는 node js..
-
jQuery attr로 속성 값 불러오기, 속성 값 변경하기DEV/javascript 2022. 3. 28. 20:40
jQuery는 .attr를 통해 속성 값을 불러오거나 속성 값 변경, 속성 값 추가가 가능하다. 사용 방법은 간단하다. 예시 코드 (html, js) TEST1 TEST2 TEST3 testText "use strict" // 실행 $(function(){ $(document).on('click', '#testBtn1', function(){ const myAttr = $("#testDiv").attr("class"); console.log("class1 ? : ", myAttr); }); $(document).on('click', '#testBtn2', function(){ $("#testDiv").attr("class", "addClass"); console.log("class2 ? : ", $("#..