목차 1. HTTP란? 2. Request message 3. Response message 4. Requset, Response 통신 프로세스 5. Additional 1. HTTP란? HTTP (Hyper Text Transfer Protocol) 클라이언트가 Request하고 서버가 Response 하는 것. 2. Request message 1) Request message 구조 2) Example 3) Example Details Request Line (필수) GET - 데이터를 가져올 때 쓰는 메소드 1.html - 서버에 요청할 정보 HTTP/1.1 - HTTP의 버전 Request Headers Host: 서버의 주소 (필수) User-Agent: 웹브라우저의 종류 Accept-Encod..

Answer 1. 코드의 간결성 2. 콜백함수 this에 값을 참조시킬때 (this 값에 lexical scope를 참조시킬 때) 3. map 사용할 때 this를 넘격주어 코드를 더 쉽게 작성할 수 있음. 들어가기전 자바스크립트에서 일반 함수는 함수를 선언할 때 this에 바인딩할 객체가 동적으로 결정된다. 즉, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 결정된다. this에 대해선 아래 링크 참고 poiemaweb.com/js-this 반면, 화살표 함수에서는 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정된다. 일반 함수와 달리 언제나 상위 스코프의 this를 가리킨다. 이를 Lexical this라고 한다. this와 Arrow function thi..

require vs import (CommonJs와 ES6) 기본적으로 require와 import는 모듈 키워드입니다. 외부 파일이나 라이브러리를 불러올 때 사용합니다. require는 NodeJS에서 사용되고 있는 CommonJS 키워드이고, import는 ES2015에서 새롭게 도입된 키워드입니다. 둘다 다른 파일의 코드를 불러온다는 같은 목적을 가지고 있지만, 다른 문법 구조 지니고 있습니다. const library = require("library") import library from "library" 최근 ES6(ES2015) 모듈 시스템인 import가 많이 사용되고 있지만, 아직까지는 import 키워드가 100% 대체되어 사용될 수 없습니다. 태그를 사용하는 브라우저 환경과, Node..

들어가기전 렌더링이란? 어떠한 웹 페이지 접속시 그 페이지를 화면에 그려주는 것. SSR(Server Side Rendering) 사용자가 요청시마다 서버측에 새로운 페이지에 대한 요청을 하고, 서버측에서 렌더링 후 사용자에게 반환하는 방식입니다 CSR(Client Side Rendering) 최초 1번 서버측에서 전체 페이지를 로딩 이 후, 사용자의 새로운 요청이 있을 때마다 자바스크립트 파일을 이용해 브라우저측에서 렌더링하는 방식입니다. CSR & SPA (Single Page Application) SPA는 CSR 방식을 이용하고 있는 대표적인 방법이다. 모바일의 비중이 커지는 시기가 오면서 모바일에 최적화된 환경이 필요해졌다. 컴퓨터와 달리 성능이 낮은 모바일에 최적화 시키기 위해 나온 것이 SP..