REST 란?먼저 REST API 에서 REST는 Representatinal State Transfer 의 약자로자원을 이름(자원의 표현)으로 구분해 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미합니다. 즉, REST 란HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고,HTTP Method(POST, GET, PUT, DELETE, PATCH 등)를 통해해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미합니다.REST 구성 요소1. 자원(Resource) - URI웹 서버가 관리하는 모든 것들을 자원이라고 합니다.자원은 고유한 URI를 통해 식별됩니다.2. 행위(Verb) - MethodHTTP 프로토콜의 Meth..
전체 글
클로저란?클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합이다. 클로저는 반환된 내부함수가 자신이 선언됐을 때의 환경(렉시컬 스코프)인 스코프를 기억하여 자신이 선언됐을 때의 환경(스코프) 밖에서 호출되어도 그 환경(스코프)에 접근할 수 있는 함수를 말한다.즉, 자신이 생성될 때의 환경(렉시컬 스코프)을 기억하는 함수다.function outerFunc() { var x = 10; function innerFunc() { console.log(x); }; return innerFunc;}var closure = outerFunc();closure(); // 10 렉시컬 스코프는 함수를 어디에 선언하였는지에 따라 상위 스코프가 결정되는 것..
호이스팅(Hoisting)호이스팅이란 함수, 변수, 클래스 또는 임포트(import)와 같은 선언문을 해당 유효범위의 맨 위로 끌어올리는 것처럼 보이는 현상 이러한 현상이 발생하는 이유는 자바스크립트 엔진이 먼저 전체 코드를 스캔하면서 변수 같은 정보를 실행 컨텍스 어딘가에 미리 기록해두었기 때문이다. (이때, 그 어딘가는 환경레코드 입니다.)호이스팅 발생 과정 호이스팅이 발생하는 과정은 생성단계와 실행단계 두 단계가 있습니다.생성 단계 (Creation Phase)자바스크립트 엔진은 코드를 실행하면우선 전역 실행 컨텍스트를 가장 먼저 생성해서 콜 스택에 넣는다.그 후 전체 코드를 스캔한다.이 과정에서 선언할 식별자 변수가 있다면 전역 실행 컨텍스트의 환경 레코드에 미리 선언해둔다.식별자 변수가 var..
CS 지식 질문1. 웹 브라우저에 www.naver.com을 입력하면 일어나는 일 ⭐⭐⭐⭐⭐더보기답변 : 웹 브라우저 주소창에 URL 혹은 URI 를 입력하면(URL과 URI의 차이점 알아보기)해당 호스트의 도메인 네임 IP 주소를 조회하기 위해서 먼저 PC의 1. DNS Cashe 를 확인하고 2. hosts 파일을 확인하여 해당 도메인 네임의 IP주소가 저장되어 있을 경우 그 주소를 가져오고 없을 경우 3. DNS 서버에서 4. IP 주소를 검색하여 가져오게 됩니다.그리고 웹 브라우저가 찾은 IP주소를 기반으로 서버와의 5. TCP 연결을 시작하고 연결이 성공하면 6. HTTP Request 와 그에 따른 7. Response(컨텐츠)가 오게 됩니다.8. 그리고 위의 모든 과정을 통해 해당 IP ..
웹 브라우저에 URL을 입력했을 때, 일어나는 일들1. 웹 브라우저에 URL을 입력한다.2. 웹 브라우저가 도메인의 IP 주소를 조회한다(먼저 캐시를 찾고, 그 다음 DNS를 검색한다)3. 웹 브라우저가 찾은 IP주소를 기반으로 서버와의 TCP 연결을 시작한다.5. 웹 브라우저가 HTTP(S) 요청을 서버로 전송한다.6. 웹 브라우저가 전송 받은 컨텐츠를 렌더링한다. >>>> 한국인을 위한 결말 정리웹 브라우저에 www.naver.com을 을 입력하면 일어나는 일웹 브라우저 주소창에 URL 혹은 URI 를 입력하면(URL과 URI의 차이점 알아보기)해당 호스트의 도메인 네임 IP 주소를 조회하기 위해서 먼저 PC의 1. DNS Cashe 를 확인하고 2. hosts 파일을 확인하여 ..
웹 브라우저(Web Browser)란? 웹 브라우저란 웹에서 정보를 탐색하고 HTML 문서, 이미지 등 여러 콘텐츠를 우리에게 표현해주는 소프트웨어로 구글 크롬(Chrome), 애플의 사파리(Safari), 마이크로소프트의 엣지(Microsoft Edge) 등이 있습니다. 브라우저의 주요기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시합니다. 브라우저의 기본 구조 1) 사용자 인터페이스(User Interface) 사용자 인터페이스는 검색창, 뒤로가기/ 앞으로 가기 버튼, 새로 고침 버튼 등 브라우저 프로그램 자체의 GUI를 구성하는 부분이다. 2) 브라우저 엔진(Broswer Engine) 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다. 3) 렌더링 엔진(Rendering Engi..
선행지식 자바스크립트의 실행 컨텍스트를 설명하기 앞서 자바스크립트의 몇가지 특성을 함께 이해하고 있으면 실행 컨텍스트에 대해서 비교적 쉽게 이해할 수 있는데요. 1. 자바스크립트의 특성 우선 자바스크립트는 '싱글 스레드' 언어이며 '동기적'으로 실행되는 언어 입니다. 이게 무슨 의미이냐면 싱글 스레드(single Thread): 하나의 프로세스에서 오직 하나의 스레드로만 실행한다 동기(Synchronous): 순차적/직렬적으로 작업을 수행한다. (참고) 프로세스(Process) :프로그램이 메모리 상에서 실행될 때 작업의 단위 스레드(Thread) :프로세스가 할당 받은 자원을 이용하는 실행의 단위 쉽게 말하자면 자바스크립트는 한 번에 하나의 일만 순차적으로 수행할 수 언어를 말합니다. 이를 설명한 이유..
지난 포스팅에 이어서 오늘은 클로저(Closure) 에 대해 알아보고자 합니다. 먼저 클로저에 대한 이해를 위해서는 스코프(Scope)에 대한 선행지식이 있으면 좋으니, 지난 포스팅 혹은 스코프(가능하다면 실행컨텍스트까지) 다른 글들을 참고한 뒤에 해당 포스팅을 읽어주면 이해주시면 클로저에 대한 개념을 이해하는데 더 유용할 것이라고 생각합니다. [Javascript] - 자바스크립트 JavaScript : 스코프(Scope) 자바스크립트 JavaScript : 스코프(Scope) 오늘은 지난 호이스팅에 이어 자바스크립트의 스코프에 대해서 알아보려고 합니다. 스코프(Scope) 1. 스코프(scope)란? 자바스크립트 스코프는 변수가 어디에서 접근 가능한지를 결정하는 개념입니 zzgh06.tistory.c..