HTTP4 [Node.js] REST 주소창을 보면 다음과 같이 어지러운 문자열이 나열되어있습니다. 이것은 페이지에서 현재 주소를 나타냄과 동시에 요청 내용을 표시합니다. 우리는 지금 부터 이 내용을 통해 어느정도 지금 페이지에서 무엇을 요청해서 보여주고 있구나를 알 수 있습니다. 1. REST REST는 REpresentational State Transfer의 줄임말로, 직역하면 대표 상태 전송입니다. 풀어서 말하면 전송하는 서버의 자원들에 대한 주소를 지정하는 방식입니다. 왜 대표적으로 지정해야하냐면, 우리가 이전의 예시처럼 html 페이지만 전송하면 편하겠지만, 실제로는 이미지, 동영상 등도 전송합니다. 그러나 이런것들은 위의 주소창에 모든 것을 표시하면 엄청 길어질수도 있겠죠? 혹은 개인정보를 다루는 페이지라면 개인정보가 표시되어 .. 2021. 12. 1. 쿠키와 세션 인터넷을 하다보면 가끔씩 우리는 인터넷 기록 삭제를 할 때가 있습니다. 이때 종종 접하는 단어가 '쿠키 삭제'로 쿠키를 지우는 것이라고 합니다. 또 연결을 하다보면 세션이라는 단어도 많이 듣게됩니다. 이처럼 인터넷을 하다가 자주 만나는 쿠키와 세션이 무엇일까요? 1. 쿠키 1-1. 쿠키의 개념 쿠키(cookie)는 웹 사이트에 방문할 때 생기는 여러 정보들을 담아 브라우저에 저장되는 임시 저장 파일입니다. 사용자가 사이트에 접속하면 브라우저에 정보를 담아뒀다가 재방문을 하게 될 경우 서버로 다시 쿠키를 보내서 하던 작업을 이어서 할 수 있게 해주는 개념입니다. 즉, 쿠키는 클라이언트에 저장되는 브라우저 정보라고 할 수 있습니다. 쿠키는 브라우저마다 다른 정보를 저장합니다. 다시 말하면 내가 크롬을 이용하.. 2021. 11. 3. HTTP - HyperText Transfer Protocol 웹에 대한 걸 다루기 위해, 웹 개발자가 되기 위한 모든 것의 근간이 되는 프로토콜입니다. 클라이언트와 서버간의 통신을 위해 사용되고 있기 때문에 가장 기초적이고 필수적인 프로토콜이라고 할 수 있습니다. 백엔드 개발자라면 서버 요청에 대한 처리를 위해 HTTP를, 프론트엔드라면 서버로 데이터를 전송하기 위해 HTTP를 알아두어야 한다고 할 수 있습니다. 1. HTTP 소개와 특징 HTTP(HyperText Transfer Protocol)은 직역하면 하이퍼 텍스트를 전송하기 위한 프로토콜입니다. 즉, 정보를 주고 받기 위한 프로토콜입니다. 보통 HTML 문서를 주고 받는데 프로토콜이 이용되고 최근에는 HTTP의 확장성을 이용해서 폼(Form)이나 이미지, 비디오 등까지도 통신할 수 있게 되었습니다. 이 .. 2021. 10. 28. [Javascript] Fetch API Ajax 통신을 이용할 때 지난 포스트에서 다룬 XMLHttpRequest, jQuery, Fetch 등을 사용합니다. 이 중 XHR 방식은 사용법이나 가독성면을 위협하고, 제이쿼리는 사용하지 않는 경향이 있기 때문에 Fetch를 사실상의 표준으로 채택하고 있습니다. 1. Fetch API 지난번에 비동기 통신을 다루는 객체인 XMLHttpRequest 객체를 알아보았습니다. 하지만 사용법이 조금 복잡하고 가독성도 썩 좋다고는 하지는 못한다고 할 수 있습니다. 그래서 이런 문제점을 해결하기위해 ES6부터 통신을 위한 Fetch API를 채택했습니다. Fetch는 브라우저에 내장되어있기 때문에 따로 라이브러리의 설치같은 과정 없이도 이용할 수 있다는 장점이 있습니다. Fetch는 네트워크의 Request와.. 2021. 10. 18. 이전 1 다음 300x250
