자바스크립트에서 여러개의 객체를 하나로 병합하는 방법... 즉, 객체(Object)를 합치는 방법(Merging)에 대하여 알아보겠습니다.! 객체를 언제 합쳐야 할까요?여러가지 이유가 있겠지만 가장 많은 이유는 컬렉션 등의 데이터를 가지는 여러개의 객체를 하나로 병합하는 경우가 있습니다. 또 다른 경우는 같은 이름을 가진 객체를 호출하는 경우입니다. 이 경우 덮혀 쓰여질 수 있기 때문에 나중에 호출된 객체만 남을 수도 있겠죠. 이 경우 하나로 병합하면 문제가 해결될 수 있습니다.# 자바스크립트 객체 병합, 합치기먼저 여러개의 객체를 하나로 합치는 방법은 두 가지 방법이 있는데 ES 6에서의 방법과 이 전 Object 객체 API의 assign() 함수를 사용하는 방법입니다. 둘 다 각각 알아보겠습니다. 먼
Last Modified : 2019-08-02 20:52:54자바스크립트를 사용하여 AJAX 비동기 통신을 위해 별도의 라이브러리를 많이 사용하고 있습니다. 예를들면 jQuery의 ajax() 메소드를 사용하거나 아니면 axios 라이브러리 등을 단지 AJAX 구현을 위한 목적으로 추가해 사용해왔습니다.왜냐하면 순수 자바스크립트 및 기존 비동기 통신이 어렵고 비효율적이기 때문입니다. 특히 XMLHttpRequest를 사용해서는 원하는 기능을 모두 구현하기 위해서는 매우 복잡하고 Promise 객체를 함께 사용하는 것도 쉽지 않았기 때문이죠.! ES 6의 fetch API를 알아보자자바스크립트의 ES 6가 점점 표준이 되면서 fetch API를 사용하는 경우도 점점 많아졌습니다. fetch API는 ES 6의 비동기 통신 방법으로 자체로 Promise 객체를 반환하
Last Modified : 2020-03-12 23:31:09자바스크립트 ES 6의 async, await에 대하여 알아봅니다. 이 둘은 뭘 할 수 있고 어떤 경우에 사용할까요?# ES 6의 async, await 알아보기자바스크립트를 사용하여 비동기 방식으로 무엇인가를 실행할 때.. 예를들어 api를 호출한다면 호출이 끝난 후 콜백함수를 실행하고 합니다. 그런데 경우에 따라서는 비동기 호출이 하나가 아닌 여러개를 동시에 호출하거나 아니면 다수의 콜백함수를 원하는 순서대로 실행하고 싶을 수 있습니다.이런 경우 Promise(프로미스) 객체를 사용합니다. Promise를 간략하게 알아보면...@ Promise(프로미스)는?프로미스는 약속이라는 사전적 의미로 뭔가를 실행할 콜백함수를 호출하기 위한 목적으로 생성하는 객체입니다. 프로미스 객체는 resolve()와 reje
Last Modified : 2020-12-02 12:14:35ES6(ECMA Script 6)의 큰 특징 중 하나인 화살표 함수(Arrow functions)에 대하여 간략하게 알아봅니다.[참고] 화살표 함수?화살표 함수는 => 처럼 화살표 기호를 사용하여 함수를 만들 수 있는 방법으로 기존의 CoffeeScript의 문법에서 사용되던 함수 작성 문법입니다. # ES 6 화살표 함수의 특징ES 6 부터는 함수를 구현할 때 일반적인 함수 구현 방식과 달리 화살표 함수를 사용할 수 있게 되었습니다. 화살표 함수는 함수를 구현하는데 사용되는 함수 구문으로 기능적인 측면에서는 대부분이 동일합니다. 그 외 문법적 차이를 포함한 몇 가지 화살표 함수만의 차이점을 가지고 있습니다. 먼저 간단한 작성 문법을 알아보겠습니다.// 기존의 자바스크립트 Function 구문function
Last Modified : 2020-05-25 09:31:33ES 5 이후의 자바스크립트... 즉 ECMA Script 2015, ES 6부터는 자바스크립트에서도 클래스를 사용할 수 있게 되었습니다. ES 6에서 어떻게 클래스를 선언하고 사용하는지 자세히 알아봅니다.@ 이전에는 어떻게 클래스, 객체지향을 구현하였나...ES 6 이 후부터는 자바스크립트에서 클래스를 사용하여 선언할 수 있지만 이 전에는 프로토타입(prototype) 방식을 사용하는 방법으로 생성자 함수를 만들 수 있습니다. 하지만 클래스를 사용하면 더 쉽게 클래스를 만들고 확장하는게 간단하겠죠. 그렇다면 클래스는 무엇일까요?! 자바스크립트에서 클래스(class)객체지향언어에서 객체에 해당하는 것이 바로 클래스이며 가장 중요한 부분이라고 할 수 있습니다. 기존의 자바스크립트에서 클래스를 생성하려면 프로토
Last Modified : 2022-01-19 14:54:56예전에 써 두었던 글을 보니 너무 오래되었고 부족한 부분도 많아 좀 더 정리하고자 적게 되었습니다.# 상수는 무엇인가?프로그래밍 언어에서 상수는 영어로는 constant, 사전적의미는 끊임없이 계속된다는 뜻으로 즉 같은 값이 계속 유지된다로 생각할 수 있습니다. 이와같이 같은 값이 계속 유지되기 때문에 상수로 값을 선언하는 경우 값이 변하는 변수(variable)와는 달리 값을 변경할 수 없게 됩니다. 즉 값이 변경되지 않아야 할 값이라면 상수를 사용하는 것이 좋습니다.! 상수 선언의 방법, const자바스크립트의 상수 선언 방법은 ES 6의 문법인 const를 사용합니다. 아래와 같이 말이죠.const url = 'webisfree.com';위 예제에서는 const 선언 값으로 url 값을 사용하였는데요
Last Modified : 2021-06-21 09:57:12