감자튀김 공장🍟

DOM 이란? DOM은 Document Object Model의 약어이다. 즉, 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성한다. DOM은 트리 형태라서 특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입할 수 있다. DOM의 문제점 DOM은 동적UI에 최적화되어 있지 않다. HTML은 자체적으로 정적이며 자바스크립트를 사용하여 이를 동적으로 만든다. DOM 자체는 빠르다. 웹 브라우저 단에서 DOM에 변화가 일어나면 웹 브라우저가 CSS를 다시 연산하고, 레이아웃을 구성하고, 페이지를 리페인트 하는데 이 과정에서 시간이 오래 걸리는 것이다. 해결법 DOM을 조작할 때마다 엔진이 웹 페이지를 새로 그리게 되는데, 계속하여 페이지를 업데이트를 하는 것이 아니라 DOM을 최소한으로..

REST REpresentational State Transfer 의 약자이다. 자원의 이름으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. 월드 와이드 웹(www)과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 개발 아키텍처의 한 형식이다. HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미한다. 즉, REST는 자원 기반의 구조(ROA, Resource Oriented Architecture) 설계의 중심에 Resource가 있고 HTTP Method를 통해 Resource를 처리..

JWT JWT는 JSON Web Token의 약자로, 데이터가 JSON으로 이루어져 있는 토큰을 의미한다. JWT는 웹 표준(RFC 7519)으로, 전자 서명 된 URL-safe (URL로 이용할 수 있는 문자만 구성된)의 JSON이다. JWT는 자가 수용적(self-contained)이다. 필요한 모든 정보를 자체적으롤 지니고 있으며, JWT 시스템에서 발급된 토큰은 토큰에 대한 기본 정보, 전달 할 정보 그리고 토큰이 검증됐다는 것을 증명해주는 signature를 포함하고 있다. 웹 서버의 경우 HTTP의 헤더에 넣어서 전달 할 수도 있고, URL의 파라미터로도 쉽게 전달할 수 있다. JWT을 사용하는 곳 권한 부여 : JWT를 사용하는 가장 일반적인 시나리오이다. 사용자가 로그인하면 각 후속 요청에..

배열 배열의 선언 방법 let arr = []; arr = [1, 3, 5, 7, 9]; console.log(arr); // [1, 3, 5, 7, 9] 배열의 각 요소(item)는 [] 기호와 0에서 시작하는 인덱스를 이용하여 접근한다. 각각의 요소들은 쉼표(comma / ,)로 구분해준다. 키(key)가 없고, 값(item)들만 순서대로 나열되어 있다. 객체 객체의 선언 방법 let user = {}; // 빈 객체 선언 user = { name: "MyName", email: "name@gmail.com", city: "Seoul" } console.log(user); // {name: "MyName", email: "name@gmail.com", city: "Seoul"} 객체에는 키(key)와..