안녕하세요. 이번 포스팅에서는 자바스크립트에서 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 함수가 완료되고 값이 반환이 될때 까지 기다리게 합니다. ..

안녕하세요. 이번 포스팅에서는 자바스크립트 함수를 선언하는 4가지 방법에 대해서 알아보겠습니다. 1. 일반적인 함수 선언 방법 아래의 예에서 볼수 있듯이 함수를 정의 하는데 가장 기본적이고 가장 자주 사용되는 선언 방법입니다. 아래와 같이 선언을 했을 때의 이점은 함수를 코드의 제일 아래에 선언을 하여도 함수를 호출을 할수 있다는 것입니다. console.log(sum(3, 10)); // 13 function sum(num1, num2) { return num1 + num2; } console.log(sum(3, 10)); // 13 2. 함수 표현식을 이용한 방법 함수 표현식은 변수에 함수를 할당하여 선언하는 방법입니다. 이렇게 선언을 할 경우 1. 에서 선언한 함수와 달리 함수를 먼저 선언을 해야..

화살표 함수(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. 소수를 정수..