맨 땅에 프론트엔드 개발자 되기

JavaScript 생성자 함수와 클래스 함수 (ES6) 생성자 함수를 사용하는 목적은 여러 매개변수를 이용한 객체 함수를 생성해서 재사용 하는 것이다. 초심자 레벨에서 겨우 함수 선언식과 함수 표현식 그리고 arrow function에 익숙해지고 있을 때 쯤 두둥!! 갑자기 생성자 함수와 클래스 함수가 등장을 했다. 생성자 함수와 클래스 함수는 EcmaScript 6버전에서 새로 등장한 문법이며, IE에서는 지원이 안 된다고 한다. 생성자 함수(Constructor Function) 생성자 함수란 객체(Object)를 이용한 함수 묶음이라고 생각할 수 있다. 함수 선언식처럼 함수를 선언하지만 일반 함수와 구분하기 위해 함수명을 대문자로 시작한다. 그리고 그 함수를 다시 불러올 때는 new를 붙여서 새로..

async와 defer Parsing 이란? 영단어 ‘Parse’ 의 뜻은 ‘문장을 문법적으로 분석하다.’ 라는 뜻으로 프로그래밍의 개념에서는 브라우저가 html, css, javascript 같은 프로그래밍 언어를 읽고 해석하여 결과물을 도출하는 과정을 의미한다. 브라우저는 보통 언어를 위에서부터 아래로 차례대로 읽어 내려가 해석하고 결과를 도출한다. 여기서 차례대로 가 중요한데, 동시에 html문서, js문서를 읽어내려가는 것이 아니기 때문에 어떤 기능이 실행되는 시점에 그 기능과 연관된 개념이 파싱되어 있지 않으면 제대로 작동하지 못하고, 이를 에러라고 부른다. async와 defer html 문서에서 스크립트가 실행될 때 태그의 위치가 굉장히 중요하다. 자바스크립트는 html의 요소(DOM)를 동..