web 개발을 위한 지식들

pwa (progressive web application)의 줄임말이다. PWA는 웹이지만 네이티브 앱(모바일 앱)와 같은 역할을 할 수 있다. 네이티브 앱을 개발하는 속도보다 PWA의 개발 속도가 더 빠르다. 또한 푸쉬 알림, 오프라인 시에도 지원하기 때문에 네이티

브라우저가 백그라운드에서 실행하는 스크립트.웹 페이지와는 별개로 동작한다.페이지나 사용자 상호작용이 필요없는 기능에 대한 문호 개방(푸쉬 알림, 백그라운드 동기화 등)PWA를 만들 때 주로 사용된다.해당 api가 오프라인 환경을 완벽하게 통제할 수 있는 권한을 개발자에

자바스크립트는 계속해서 변화하고 있는 언어이다. 새로운 기능들이 추가되고 명세서에 등록된다. 자바스크립트 엔진을 만드는 조직은 우선순위를 매겨 명세서 내 어떤 기능을 먼저 구현할 지 결정한다. 엔진이 자바스크립트 표준 명세서 전체를 지원하지 않고 일부만 지원하는 경우가

개발하는 앱의 크기가 커지면 파일을 여러 개로 분리해야 한다. 이때 분리된 파일 각각을 모듈이라고 부르는데, 모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성된다. 모듈은 단지 하나의 파일에 불과하다. 스크립트 하나는 하나의

렌더링이란 서버로부터 요청해서 받은 내용을 브라우저 화면에 보여주는 것을 의미한다. 렌더링은 아래의 과정을 통해 진행된다.loader가 서버로부터 정보들을 불러온다.파싱을 통해서 DOM트리를 구성한다.DOM트리가 구축되는 동안 브라우저는 렌더 트리를 구축한다.css설정

ESLint는 ES와 Lint를 합친 말이다.ES는 Ecma Script로 Ecma라는 기구에서 만든 표준 javascript를 의미한다.Lint는 에러가 있는 코드에 표시를 달아놓는 것을 의미한다.javascript의 스타일 가이드를 따르지 않거나 문제가 있는 안티

함수를 호출하는 세 가지 예시이다.함수 뒤에 ()를 붙이는 것, call, apply의 방법이 있다.call은 보통 함수와 똑같이 인자를 넣고, apply는 배열의 형태로 인자를 넣는다. call과 apply가 공통적으로 가진 null은 this를 대체하는 부분이다.마

이벤트는 무언가가 일어났다는 신호이다. 모든 DOM 노드는 이런 신호를 만들어 낸다.캡처링 단계 - 이벤트가 하위 요소로 전파되는 단계타깃 단계 - 이벤트가 실제 타깃 요소에 전달되는 단계버블링 단계 - 이벤트가 상위 요소로 전파되는 단계\[출처:https:/

자바스크립트는 단일 쓰레드에서 동작한다. 즉, 자바스크립트는 한 번에 한 가지 일만 할 수 있다. 싱글 쓰레드만으로 멀티 쓰레드와 같은 프로그램을 만들기 위해서 하는 작업이 비동기적 프로그래밍이다. 사용자 입력 외에 비동기적 프로그래밍을 사용해야 하는 경우는 크게 세

ajax 요청을 보내게 될 사이트가 현재 접속 사이트와 다르면 요청이 실패할 수 있다. 도메인이나 서브도메인, 프로토콜, 포트가 다른 곳에 요청을 보내는 것을 Cross-Origin-Request라고 한다. 크로스 오리진 요청을 보내려면 리모트 오리진에서 전송받은 특별

RESTful API라는 단어에서 사용되는 REST(REpresentational State Transfer)의 개념을 한 줄로 정의하면 아래와 같다.REST란 어떤 자원에 대해 CRUD 연산을 수행하기 위해 URI로 요청을 보내는 것으로 GET,POST,DELETE,

가장 먼저 서버로부터 HTML,CSS를 다운로드 받는다. 그리고 HTML,CSS 파일을 연산과 관리가 유리하도록 Object Model로 만들어준다. HTML과 CSS 파일들은 각각 DOM Tree와 CSSOM으로 만들어진다.DOM Tree와 CSSOM Tree가 만들

HTTP(Hyper Text Transfer Protocol)로 서버 / 클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다.HTTP는 어플리케이션 레벨의 프로토콜로 TCP/IP 위에서 동작한다. HTTP는 상태를 가지고 있지 않은 Stateless 프로토콜이

쿠키는 브라우저에 저장되는 작은 크기의 문자열이다. 쿠키는 주로 웹 서버에 의해 만들어지는데, 서버가 HTTP 응답 헤더의 Set-Cookie에 내용을 넣어 전달하면 브라우저는 이 내용을 자체적으로 브라우저에 저장하는데 이걸 쿠키라한다. 브라우저는 사용자가 쿠키를 생성

상태 관리를 알기전에 상태를 어떻게 정의하고 있는 지 알아야 한다. 상태는 쉽게 말하면 데이터라고 말할 수 있다. 객체지향 프로그래밍에서는 기본 단위가 객체이고, 프론트엔드에서는 비슷한 개념으로 컴포넌트라는 용어를 사용하고 있다. 객체가 인스턴스 변수로 상태를 가지고