내일수정할 내용들 http www 가 처음 생겼을때 HTML로 문서 전달 URL로 찾고 http로 http - hyper text transfer protocol html을 어떻게 전송할것인지에 대한 규약 이런 protocol이 왜필요? - 데이터가 전송될 때 msg (text) 가 날라가는데 서로 이해할 수 있는 규격이 필요 - http는 html ...
HTTP란? : Hyper Text Transfer Protocol: HTML(문서, 텍스트)을 교환하기 위해 만들어진 통신규약. '데이터가 전송된다'라는 것: 텍스트를 보내는 것, 이해할 수 있는 통신 규약을 통해서 HTML에 맞춰 만들어진 통신규약(프로토콜) HTTP의 핵심 요소 1. 요청과 응답 Request & Response - 클라이언...
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. chatter box server 구축 1. 오늘은 이틀 전 Fetch API를 이용해 만들었던 'chatter box'라는 채팅 클라이언트의 서버를 구축했다. 이로써 클라이언트 사이드와 서버 사이드를 양쪽으로 구현해보면...
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다.
1. Client Side Review
2. Server Side - Node.js
3. 작은 서버를 구축해 HTTP transaction 익히기
이번 글에서는 HTTP의 가장 큰 특징인 비연결성, 무상태 그리고 HTTP 상태코드(status)와 메서드(method), 헤더(header)에 대해 알아보도록 하겠습니다. 1. 비연결성 ( Connectionless ) 비연결성은 클라이언트와 서버가 한 번 연결을 맺은 후, 클 라이언트 요청에 대해 서버가 응답을 마치면 맺었던 연결을 끊어 버리...
계속 작성중인 글입니다. 피드백 환영합니다. 문제 발생 우리 서비스에서 동물 등록을 진행하려면, 동물 보호 시스템에서 다운로드 받은 엑셀 파일을 파싱하여 우리 DB에 업로드 한다. 이 때, 적게는 수십 개, 많게는 수백 개 이상의 동물 등록 데이터를 API 서버에 HTTP 리퀘스트로 보낸다. 최근 업로드한 데이터가 DB에 있던 기존 데이터와...
Browser 브라우저는 가장 많이 사용되는 응용 소프트웨어로, 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 표시하는 것이다. 자원은 보통 html문서이지만, pdf나 이미지 또는 다른 형태일 수 있다. 누군가 작성한 html, css코드를 화면으로 띄워준다는 의미에서 볼 때, 작성한 코드를 컴퓨터가 알아들을 수 있도록 바꿔주는 일을 한다고 할 수 ...
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Browser: 클라이언트와 서버 간 요청/응답이 이루어지는 장(크롬, IE 등) 스크린샷 2019-12-02 오전 11.21.28.png 2. Client and Server* 스크린샷 2019-12...
Cross-Origin Resource Sharing(CORS)는 다른 도메인에서 실행 중인 웹 애플리케이션에서 선택된 자원에 대한 접근 권한을 부여하는 매커니즘입니다. 다른 출처(도메인, 프로토콜 또는 포트)를 가진 자원을 요청 할 때, 웹 프로그램은 cross-origin HTTP 요청을 실행합니다. cors.png 예를 들어, 제가 개발한 AP...
HTTP 헤더 헤더? 저장 되거나 전송되는 데이터 블록의 맨 앞에 위치한 데이터를 가리킵니다. 특정 프로토콜의 헤더의 내용은 특정 프로토콜의 기능을 제공하기 위한 정보를 담고있습니다. 헤더의 뒤에 이어지는 데이터는 페이로드 혹은 바디로 불립니다. HTTP 헤더의 역할 HTTP 헤더는 클라이언트와 서버가 요청 또는 응답으로 부가적인 정보를 전송...
효율적인 테스팅을 위해 express의 HTTP Request와 Response를 어떤 방식으로 mocking하는 것이 좋을 지 찾아보다가, 괜찮은 문서가 있어 공유한다. https://codewithhugo.com/express-request-response-mocking/
![[HTTP] REST API 란](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/wlsdud2194/342c5fd0-f93f-11e9-9ef9-0b316824c39b/restapi%ED%8C%8C%ED%97%A4%EC%B9%98%EA%B8%B0.png&width=512)
과거에는 브라우저가 웹서버에 웹페이지를 요청하여 클라이언트를 제공하여 웹페이지가 작동하였습니다. 하지만 최근에는 SPA(Signle-Page-Application)를 이용하여 클라이언트(대표적으로 React, Vue, Angular)를 구현하며, 클라이언트를 서버와 분리하여 클라이언트 로직을 분명히 합니다. 또한 서버에 API를 요청하므로써 웹 ...
WEB - 1에서 HTTP는 HTML 문서를 교환하기 위한 protocol이라는 것을 공부했습니다. 이제 HTTP의 구조와 핵심 요소에 대해 알아보겠습니다. 1. HTTP 통신 방식 1. request / response 구조 클라이언트가 request를 보내면 서버는 response를 보냅니다. 2. stateless HTTP 통신은 상태를 ...
1. MTV pattern 웹 프로그램 개발 시 일반적으로 언급되는 패턴은 MVC(model - view - controller) 패턴입니다. M(model)은 데이터, V(view) 는 사용자 인터페이스, C(controller)는 데이터를 처리하는 로직. 이렇게 3가지 개념으로 묶어서 구현합니다. Django에서는 MTV(model-template...
26f8c8d6782efed9f10c7cf7a9387ae3.jpg HTTP HyperText Transfer Protocol (하이퍼텍스트들을 전송하는 규약) HTTP는 TCP/IP 기반 글을 보내는 데 http프로토콜에 맞춘 글을 보내는 것이 서버끼리의 통신이다 HTTP는 연결 상태를 유지하지 않는 비연결성 프로토콜입니다. (이러한 단점을 해결하...
RESTful API REST (Representational State Transfer) - 자원을 이름으로 구분해 해당 자원의 상태를 주고받는 모든 것 - 자원의 표현에 의한 상태 전달 - HTTP URI를 통해 자원을 명시하고, HTTP Method를 통해 해당 자원에 대한 CRUD를 적용하는 것 - 장단점 - 장점 - HTTP 프로토...
image.png 1. Browser -사용자 컴퓨터 단말기(PC,태블릿,스마트폰,스마트TV등등)의 웹브라우저를 통해 인터넷망 기반에서 특정 웹사이트에 접속하면 해당 웹사이트를 제공하는 서버컴퓨터내의 웹서버를 통해 제공되는 HTML 페이지 나 HTML결과물을 웹 브라우저가 수신,해석(Interpreting)하여 사람이 알아볼수 있게 Display...
4주 프로젝트 DAY2 목차 * koa 웹 서버 구축 * koa 웹 서버에서 어떻게 status를 리턴하지? * koa 웹 서버에서 어떻게 buffer를 리턴하지? * Buffer.from()? * Base64 왜 쓰는뎅? * Uint8Array 이런거 왜 쓰는거야? * multipart?? 이게 뭐야!! * HTTP multipart/form-data ...