공부하는 비오

HTTP는 Hyper Text Transfer Protocol의 약자로, 하이퍼텍스트를 전송하는 프로토콜이다. 지금은 하이퍼텍스트(html) 뿐만 아니라 모든 형태의 데이터(이미지, 음성, 영상, 파일, 등등)를 다 전송할 수 있다. HTTP메시지는 HTTP헤더와 HTTP바디로 이루어진다. 헤더는 HTTP 전송에 필요한 모든 부가 정보를 포함하고 있다. 바디는 요청에 대한 응답 데이터이다. (byte로 표현할 수 있는 모든 데이터) 오늘은 그 중 HTTP 헤더에 대해 알아 볼 것이다. 헤더에 들어가는 정보로는 메시지 바디의 내용, 크기, 압축, 인증정보, 브라우저 정보, 서버 정보, 캐시 정보 등등이 들어간다. 그 이외에도 필요한 임의의 필드를 추가할 수 있다. 헤더 필드는 다음과 같이 지정할 수 있다...

이론공부 2022. 11. 3. 08:21

왜 쿠키와 세션을 사용하는가를 알려면 HTTP의 특징을 알아야 한다. HTTP 특징 | 비연결지향 (Connectionless) 클라이언트가 서버에 요청을 보내면서 연결을 열고, 서버가 클라이언트에 응답을 보내면서 연결을 끊는다. | 무상태(stateless) 프로토콜 클라이언트와 서버 간의 어떠한 상태(데이터)도 유지하지 않는다. 계속해서 연결을 유지하지 않는 것은 리소스 낭비를 줄일 수 있지만, 통신할 때마다 새로 연결해야 하기 때문에, 클라이언트는 매 요청마다 인증을 해야한다. 이전 요청과 현재 요청이 같은 사용자의 요청인지 알기위해서는 상태를 유지하는 것이 필요하다. HTTP에서 상태를 유지하기 위해 필요한 기술이 쿠키와 세션이다. 쿠키 쿠키에는 여러종류가 있지만, 쿠키와 세션을 비교할 때 사용하..

이론공부 2020. 12. 28. 23:53

실행컨텍스트는 scope, hoisting, this, function, clouser 의 동작원리를 담고 있는 자바스크립트의 핵심 원리이다. 실행컨텍스트 실행컨텍스트란 실행가능한 코드가 실행되기 위해 필요한 환경이다. 자바스크립트 엔진은 코드를 실행하기 위해 다음과 같은 정보를 알고 있어야 한다. 변수객체 (전역변수, 지역변수, 매개변수, 인수, 함수선언) 스코프 체인 this 콜스텍에 전역 컨텍스트 생성 후, 함수 호출 시마다 컨텍스트가 생성된다. 컨텍스트 생성 후 함수가 실행되는데, 사용되는 변수들은 변수 객체 안에서 값을 찾고, 없다면 스코프 체인을 따라 올라가며 찾는다. 함수 실행이 마무리 되면 해당 컨텍스트는 사라진다. 구체적인 예시를 통해 살펴보자. 왼쪽의 코드를 실행하면 오른쪽의 실행컨텍스..

이론공부 2020. 12. 16. 13:11

일급객체 (first-class object) 자바스크립트에서 함수는 일급객체이다. 일급 객체란 생성, 대입, 연산, 인자 또는 반환값으로서의 전달 등 프로그래밍 언어의 기본적 조작을 제한없이 사용할 수 있는 대상을 의미한다. 함수도 객체이므로 값으로 사용할 수 있다. 즉 변수나 객체, 배열 등에 저장 할 수 있으며, 함수의 매개변수(parameter)나 반환값으로도 사용된다. 고차함수 (HOF, higher-order function) 매개변수로 함수를 전달받고 결과로 함수를 반환하는 함수이다. 다시 말해, 고차함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다. 고차함수는 외부 상태 변경이나 가변 데이터를 피하고 불변성을 지향하는 함수형 프로그래밍에 기반을 두고 있다. HO..

이론공부 2020. 12. 15. 10:26

일급객체 (first-class object) 자바스크립트에서 함수는 일급객체이다. 일급 객체란 생성, 대입, 연산, 인자 또는 반환값으로서의 전달 등 프로그래밍 언어의 기본적 조작을 제한없이 사용할 수 있는 대상을 의미한다. 함수도 객체이므로 값으로 사용할 수 있다. 즉 변수나 객체, 배열 등에 저장 할 수 있으며, 함수의 매개변수(parameter)나 반환값으로도 사용된다. 클로저 (closure) 클로저는 자바스크립트 고유의 개념이 아니라 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다. 클로저함수란 렉시컬 환경을 기억하는 함수이다. ** 렉시컬 스코프 : 스코프(변수가 유효한 범위)는 함수를 어디에 선언하였는지에 따라 결정된다(렉시컬 스코핑). 이에 따라 결정되는 ..

이론공부 2020. 12. 14. 23:48

Store은 state를 저장하는 객체이다. Redux에는 하나의 상태저장소가 있고, 여기서 대부분의 state를 관리한다. Store의 state는 Reducer를 통해서만 변경이 가능하다. Reducer는 그 이전상태값과 action을 인자로 가지며, 이 두가지를 받아와 새로운 state를 반환한다. reducer에 action을 전달해주는 역할은 하는 것이 dispatch이다. dispatch(action)을 할 경우, action의 type에 맞는 데이터를 받아와 state를 return해준다. action은 객체로서, 반드시 type을 가지며, 동적으로 payload를 가질 수 있다. Redux의 장점 중 하나는 상태 변화를 예측가능하고 투명하게 만든다는 점이다. 액션이 보내질때마다 새 상태가 ..

이론공부 2020. 12. 11. 21:10

| SSR (Server Side Rendering) 1. 브라우저 : 서버로 웹페이지 요청 2. 프론트서버 : 백엔드서버로 data 요청 3. 백엔드서버 : DB에서 data를 받아와 JSON 과 같은 형식으로 반환 4. 프론트서버 : 반환한 data로 HTML, CSS, JS 제공 5. 브라우저 : 응답받은 HTML을 화면에 보여줌 SSR의 특징은 html을 서버에서 그려준다는 것이다. | CSR (Client Side Rendering) 1. 브라우저 : 프론트 서버에 웹페이지 요청 2. 프론트서버 : 데이터가 없는 문서(HTML, CSS, JS, img...)를 반환 (웹페이지에 사용되는 모든 파일을 받아온다.) 3. 브라우저 : 필요에 따라 백엔드 서버에 data 요청 4. 백엔드서버 : DB에..

이론공부 2020. 12. 8. 20:06

리액트를 사용해서 어느정도까지 직접 웹어플리케이션을 만들수는 있지만, 뭔가 부족한게 느껴졌다. 만들기는 하지만 뭔가 붕- 떠있는 기분. 중심에 대한 이해가 부족한 느낌이었다. 그래서 다시 시작하는 이론공부. (feat. 생활코딩) ​ ​ 1. WEB ​ 웹어플리케이션을 만드는 입장이니, 웹이랑 인터넷을 구분해보자. ​ - 인터넷: 전세계에 있는 컴퓨터들이 연결되어 있는 네트워크. 이 네트워크를 통해 컴퓨터들이 파일을 주고받을 수 있다. - 웹: 인터넷을 활용해서 HTML언어로 만든 웹페이지를 컴퓨터가 주고 받을 수 있도록 고안된 서비스. 웹이 제일 유명한 인터넷서비스여서 웹과 인터넷을 혼용하여 많이 사용하지만, 인터넷은 웹보다 더 큰 개념이다. 인터넷 안에 Web, FTP, email 등등 여러 서비스들..

이론공부 2020. 11. 29. 23:46