프론트엔드/Javascript 3

[Javascript] callback / Promise / async / await 정리

먼저 callback 함수를 살펴보겠습니다. callback을 알아보기전, 우선 함수의 실행 순서를 알아야합니다. 프로그래밍엔 동기와 비동기라는 개념이 있습니다. 동기(Synchronous)는 실행 순서가 순차적인 반면, 비동기(Asynchronous)는 실행 순서가 보장되지 않습니다. 즉, 이전 함수의 실행이 마무리되지 않더라도 다음 함수가 실행될 수 있습니다. Javascript는 웹 상에서 동작하는 경우가 많아 효율성을 위해 비동기적으로 코드가 실행됩니다. 하지만 코딩을 할 땐 실행 순서가 지켜져야 하는 경우가 많습니다. 그럴 때 순서를 정해줄 수 있는 것이 바로 callback 함수입니다. callback 함수는 다음과 같이 사용합니다. callback이 없었다고 가정하면, first()의 set..

[Javascript] ES6+ 문법

Javascript의 ES(ECMAScript)는 표준 규격이자 버전이라고도 할 수 있습니다. 자바스크립트는 ES6(2015년) 이후로 매년 새로운 ECMAScript를 발표하고 있습니다. 현재는 ES13까지 나온 상태이지만, ES6이 주목받고 유명한 이유는 이전 버전(ES5)에서 해결하지 못했던 많은 문제를 해결하였고 가독성과 유지보수성을 향상시킬 새로운 기능이 혁명적이게 등장했기 때문입니다. 추가로, React나 Vue와 같이 유명한 라이브러리도 ES6에 맞춰 지원되고 또한 대부분의 브라우저에서 호환된다는 점도 있습니다. 쉽게 말해 ES6까지만 알아도, 웬만한 모든 서비스를 문제없이 만들 수 있다는 것입니다. 이번 글에서는 ES6부터 새로 추가된 문법 중 중요한 내용들에 대해 알아보겠습니다. 1. c..

[Javascript] 자바스크립트의 이해

웹을 구성하는 요소에는 HTML, CSS, 그리고 Javascript가 있습니다. HTML이 웹의 뼈대를 세우고, CSS가 내용을 꾸미며, Javascript가 동작을 완성합니다. 그중에서 가장 각광받고 있는 프로그래밍 언어인 Javascript에 대해 알아보겠습니다. 자바스크립트를 구글에 검색하면 객체 기반의 스크립트 프로그래밍 언어라고 설명합니다. 키포인트는 객체 기반과 스크립트 언어라는 점입니다. 먼저 객체 기반에 대해 파헤쳐 보겠습니다. C++이나 Java를 공부해보셨다면 객체 지향이라는 말을 들어보셨을텐데요. 일의 진행 순서대로 프로그래밍하는 절차 지향 프로그래밍과 다르게 클래스를 통해 객체를 만들고 이 객체들간의 상호작용으로 프로그래밍 하는 방식을 의미합니다. 하지만 C++, Java와 달리 ..

loading