분류 전체보기
-
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과의 가장 큰 차이점 : 코드를 분리할..
-
REST API 정리DEV/other things 2022. 4. 7. 17:46
개발 문서를 읽거나 면접 단골 질문 등등... REST에 대한 글, 문서, 질문 등을 자주 접하게 된다. 나도 사실 들어만 보고 정확한 개념에 대해 잘 모르고 있던 부분이다. 그래서 읽고 최대한 간단하게 정리했다. 간단하게 정리된 만큼 해당 글은 가볍게 읽어보는 것으로 만족하고 정확하고 자세한 내용(REST의 특징 등...)은 Reference를 참고하자. REST...? HTTP 주요 저자 중 한명인 로이 필딩(Roy Fielding)가 발표한 아키텍처. 잘 설계된 HTTP를 제대로 활용되지 못하는 모습을 보고 설계하게 되었다고 한다. 자원을 정의하고 자원에 대한 주소를 지정(자원데 대한 표현 방식)하는 방법 전반을 일컫는다. HTTP URI(Uniform Resource Identifier)를 통해 ..
-
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 ? : ", $("#..