프론트엔드 코어

Doctype이란? > Doctype이란 Document Type Definition의 약자로 문서형식을 정의해 주는 것.(html버전 등) 클로저란? >Closure is when a function is able to access its lexical scope,

기본 타입 string, number, boolean, null, undefined, symbol하나의 값만 갖는다.string은 Read only로 최초 할당 후 변경 불가.(문자열의 변경 불가능성) 참조 타입 기본 타입 이외의 값들(함수, 정규표현식, 배열 등)프

var는 중복 선언 및 재할당이 가능하다.let과 const는 중복선언이 불가능하다.let은 재할당이 가능하지만, const는 상수라 재할당이 불가능하다.

Doctype이란 Document Type Definition의 약자로 문서형식을 정의해 주는 것.(html버전 등)Closure is when a function is able to access its lexical scope, even when that functi

Closure is when a function is able to access its lexical scope, even when that function is executing outside its lexical scope.렉시컬 스코프로 인해 내부함수에서 외부함수

전역공간: window/global함수: window/global(strict모드일때 함수의 this는 undefined)메소드: 메소드 호출 주체콜백: window/globacl(그러나 call, apply, bind로 this를 바인딩 가능.)생성자함수: 인스턴스

이벤트 루프는 실행되어질 이벤트 들이 loop하여 동작하는 것. 자바스크립트는 싱글스레드 기반으로 모든 이벤트들이 stack이란 곳에 순차적으로 쌓여 실행이 되는데(LIFO), 이때 비동기 작업들은 실행을 나중으로 미루게 되고 큐라는곳에 대기하게된다. 나머지 동기작업들

scope, hoisting, this, function, closure 등의 동작원리를 담은 자바스크립트 핵심원리실행 가능한 코드가 실행되기 위해 필요한 환경실행 가능한 코드: 전역 코드, 함수 코드, EVAL 코드실행에 필요한 정보: 변수(전역 변수, 지역 변수,

Call: ` Apply: ` Bind: `

this나 super에 대한 바인딩이 없고, methods 로 사용될 수 없습니다.new.target키워드가 없습니다.일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할 수 없습니다.생성자(Constructor)로 사용할 수

재사용성과 유지보수성이 높다.현실세계에서 만들기 어렵거나 불가능한 사물이나 데이터를 객체를 사용하여 모델링 할수 있는 프로그래밍 패러다임.객체는 블록레벨스코프 혹은 함수레벨스코프로 데이터를 감싸는 캡슐화(encapsulate), 즉 객체 패키지(namespace)를 통

es5객체 생성자 함수와 new 키워드, 프로토타입, 클로저를 통하여 클래스를 구현하였다.es6프로토타입 기반 class 키워드를 지원한다.화살표함수는 this를 따로 바인딩 할 필요가 없다.

프로그래밍 코드가 순차적으로 실행되지 않는 것.페이지 전체를 렌더링 하지않고 부분적으로 필요한 부분만 업데이트 하는 프로그래밍.AJAX는 XHR을 사용한다. 과거 크로스브라우징 이슈가 생겨 Jquery가 대두되었으며 코딩방식은 콜백함수를 통한 방식이었다. 후에 Prom

es5객체 생성자 함수와 new 키워드, 프로토타입, 클로저를 통하여 클래스를 구현하였다.es6프로토타입 기반 class 키워드를 지원한다.화살표함수는 this를 따로 바인딩 할 필요가 없다.

CORS는 교차 출처 리소스 공유로 최초 도메인에서 다른 도메인으로 요청을 할 경우 이 도메인들이 각기 다른 도메인일 경우 브라우저에서 차단을 하게 되는 정책이다. CORS를 해결하는 대표적인 방법으로 두가지가 있는데, 해당 서버에서 차단 된 도메인을 열어주는 방법과

LocalStorage, SessionStorage, Cookie

이 글은 구글링하여 여러 포스트에서 얻은 정보를 모아 본인에게 도움되기 위해 작성한 글 입니다. REST API(Representational State Transfer) 2000년도에 로이 필딩(Roy Fielding)의 박사학위 논문에서 최초로 소개되었다.

CSR은 오늘날 SPA에서 많이 사용되는 렌더링 방식이다. 최초에 빈 내용과 js, css 링크만 들어있는 html파일을 보내주고, 그 다음 링크된 js, css를 다운 받는데 이 js에는 애플리케이션의 핵심 내용(프레임워크)과 로직들이 들어 있고 다운이 완료된 시점부

가장 첫번째 단계는 서버로부터 받은 HTML, CSS를 다운로드 받습니다. 그리고 HTML, CSS파일은 단순한 텍스트이므로 연산과 관리가 유리하도록 Object Model로 만들게 됩니다. HTML CSS 파일은 각각 DOM Tree와 CSSOM으로 만들어집니다.Re

Virtual DOM

성능 최적화

웹팩(모듈 번들러)

특정 브라우저에서 ES6+를 지원 안할때 해당 코드를 지원 가능한 코드로 폴리필 해주는 것.폴리필이란?웹 개발에서 기능을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드를 뜻한다.기능을 지원하지 않는 웹 브라우저에서 원하는 기능을 구현할 수 있으나, 폴리필 플러그

웹접근성, 시멘틱 마크업

이벤트가 발생된 주체로 부터 이벤트가 상위로 전파되는 것.이벤트 버블링의 반대로 발생된 주체로부터 이벤트가 하위로 전파되는 것.이벤트리스너의 인자로 불리언 값을 가진 객체를 전달한다event.stopPropagtion()으로 버블링, 캡쳐링을 제어할 수 있다.DOM이

라우팅 방법에는 4가지가 있다.앵커 태그를 클릭 할 시 href의 값이 주소창의 URL에 추가되어 변경되고, 서버에 해당 요청을 하게된다. 그리고 서버에서 응답을 받게 되는데 이것을 서버사이드렌더링이라고 부르며, 자바스크립트가 필요없이 응답된 html만으로 렌더링이 된

노드리스트(NodeList)란 무엇인가?NodeList 객체는 일반적으로 element.childNodes와 같은 속성(property)과 document.querySelectorAll 와 같은 메서드에 의해 반환되는 노드의 콜렉션입니다.NodeList 가 Array

프로토타입 이해:Test라는 함수가 있을때 prototype객체가 존재하고 모든 인스턴스(new생성자 && proto)들은 해당 prototype객체를 참조하고 prototype객체를 통해 메소드도 추가 가능하다출처/참조: https://www.google.c

C언어 같은 저수준 언어에서는 개발자가 직접 메모리 할당을 결정/해제 한다.그러나 고수준 언어인 자바스크립트에서는 Garbage Collection이 할당된 메모리를 추적하여 해당 메모리가 더 이상 필요가 없는지를 판단하여 해제를 한다. 그러나 이러한 판단은 비결정적인

HTTP와 HTTPS일반 HTTP는 패킷의 보호가 안되어 있다 때문에 해커가 중간에서 중간에서 패킷을 볼수 있고 탈취가 가능하다 그래서 등장한게 HTTPS인데 HTTPS는 패킷을 암호화하는 것 이다.