안녕하세요. 이번 포스팅에서는 자바스크립트에서 API 호출하는 방법에 대해서 알아보겠습니다. 1. XML HTTP Request를 이용한 방법 - 모든 최신 브라우저는 서버에 데이터를 요청하기 위해 XMLHttpRequest 객체를 지원합니다. - 최신 브라우저뿐만 아니라 가장 오래된 브라우저에서도 작동을 합니다. - ES6에서는 더 이상 사용되지 않지만 여전히 널리 사용이 되고 있습니다. var request = new XMLHttpRequest(); request.open('GET', 'https://www.fruityvice.com/api/fruit/all'); request.send(); request.onload = function() { console.log(JSON.parse(request...

안녕하세요. 이번 포스팅에서는 자바스크립트 Async와 Await에 대해서 알아보겠습니다. Async는 함수에 'async' 키워드를 추가해서 async 함수로 만들고 기본적으로 Promise를 반환을 합니다. - 함수에 비동기 실행이 포함이 되어 있을 경우 - 반환값은 Promise의 resolve의 값이 됩니다. async function greeting() { return 'Hello world'; } fetchApi() .then(message => console.log(message)); // Hello world Await는 함수 안의 promise 함수의 앞에 'await' 키워드를 추가해서 사용을 합니다. Await는 promise 함수가 완료되고 값이 반환이 될때 까지 기다리게 합니다. ..

안녕하세요. 이번 포스팅에서는 자바스크립트 배열의 구조 분해에 대해서 알아보겠습니다. 변수에 배열 항목 할당하는 방법 const [a, b, c] = [1, 'second', false]; console.log(a); // 1 console.log(b); // second console.log(c); // false 배열 요소 건너뛰기 const [, b] = [1, 'second', false]; console.log(b); // second 값 할당 및 나머지는 함께 저장 const [a, b, ...other] = [1, 'second', false, 'Max', 'Hello World', 6]; console.log(a); // 1 console.log(b); // second console.lo..

안녕하세요. 이번 포스팅에서는 자바스크립트 문자 메소들에 대해서 알아보겠습니다. 아래에 있는 메소드 외에 알고 계신 메소드가 있다면 댓글 달아주시면 감사하겠습니다. charAt 메소드 - 해당 위치의 문자를 가져오는 메소드 const txt = 'Hello World'; console.log(txt.charAt(0)); // H console.log(txt.charAt(3)); // l indexOf 메소드 - 앞에서 부터 해당 문자가 있는 첫번째 인덱스를 가져오는 메소드, 만약에 해당 문자가 존재하지 않을 경우 -1이 반환 const txt = 'Hello World'; console.log(txt.indexOf('o')); // 4 console.log(txt.indexOf('World')); // ..

화살표 함수(Arrow function)는 자바스크립트 ES6 버전에 도입된 기능중의 하나로 일반 함수에 비해 깔끔하고 짧은 방식으로 생성할 수 있는 기능입니다. (param1, param2, param3) => {statements(s)} 일반 함수 function hello() { console.log(‘Hello world’); } 화살표 함수 const hello = () => {console.log(‘Hello world’);} 매개변수가 있을 경우 괄호 안에 전달할수 있습니다. 화살표 함수의 경우 한줄로 작성되어 있을 경우 return 과 {}(중괄호)를 생략할수 있습니다. const sum = (a, b) => a + b; 매개변수가 한개일 경우에는 ()(괄호)를 생략할수 있습니다. cons..

안녕하세요. 이번 포스팅에서는 자바스크립트 배열 사용에 대해서 알아 보겠습니다. 아래에 있는 메소드 외에 또다른 메소드에 대해서 아시는 분이 있으시다면 댓글을 달아주시면 감사하겠습니다. 1. 배열에서 중복된 값 제거 const arr = [1, 2, 3, 2, 4, 1, 5]; // filter를 이용한 방법 const filterArr = arr.filter((item, idx) => { return arr.indexOf(item) === idx; }); console.log(filterArr); // 1,2, 3, 4, 5 // Set을 이용한 방법 const filterArr = […new Set(arr)]; console.log(filterArr); // 1, 2, 3, 4, 5 2. 소수를 정수..