본문 바로가기

Mini-Study

browser, server, api, http, ajax

browser

: 인터넷으로 연결해주는 프로그램

: 서버랑 통신하는 explorer, chrome, Mozilla 와 같은 소프트웨어를 말한다.

: 브라우저의 주된 역할은 HTML 코드를 읽어서(파싱) 화면에 보이는 것

server

클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템

: 컴퓨터 프로그램또는 장치를 의미

: 정보 제공을 하는 주체

ex) 내 컴퓨터에 사진 등을 올리고 다른 컴퓨터들이 정보를 접속해서 확인할 수 있도록 하는 것

api

: Application의 Programming을 위한 Interface

: Interface는 물건을 조작하기 위한 디자인- 동작인식, 터치스크린처럼 해당기기를 작동하는 방식

: Programming interface - 키보드, 터치스크린 등은 사람을 위한 인터페이스

: API는 한 프로그램이 다른 프로그램을 이용할 때 쓰는 인터페이스로 기계가 이해하기 쉽게 입출력이 데이터로 이루어 집니다.

: Applicaiton - 응용프로그램, 즉 프로그램

: 프로그램간 커뮤니케이션을 담당하는 기능

https://m.blog.naver.com/azure0777/220749852024

 

: 자동차, 휴대폰, TV, 게임등 응용프로그램이 API를 이용하며, API 역시 하나의 응용프로그램이므로 다른 API를 이용하는 경우도 있습니다.

: UI와 비슷한 기능을 가짐

: 해당 사이트가 API를 제공하고 있어야

: API는 해당 프로그램의 기능을 다른 프로그램이 쓸 수 있게 하는 것이 목적

http

: html 문서를 주고받는 데에 쓰인다.

: 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜

: 클라이언트인 웹 브라우저가 HTTP를 통하여 서버로부터 웹페이지나 그림 정보를 요청하면, 서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 되고 모니터와 같은 출력 장치를 통해 사용자에게 나타나는 것

: 요청을 하면 무조건 응답해야한다.

: 요청한 데이터가 없으면 없다고 응답을 해야한다. 응답을 안 할경우 클라이언트 쪽에서 오류가 남

: 매 요청은 독립적이다. 앞에서 한 요청을 클라이언트는 알고 있더라도 서버는 모른다.

ex) (삼겹살 콜? -> 오케이 => 아까 먹을려던거 콜? -> 그게 뭔데?)

: 응답 이후에는 연결이 끊김(응답을 다시 한번 얻을려면 요청을 다시 해야한다.)

: method

- get

특정 리소스의 표시를 요청합니다. GET을 사용하는 요청은 오직 데이터를 받기만 함

- head

get 메소드의 요청과 동일한 응답을 요구하지만, 응답 본문을 포함하지 않음

- post

특정 리소스에 엔티티를 제출할 때 쓰임. 이는 종종 서버의 상태의 변화나 부작용을 일으킴

- put

목적 리소스 모든 현재 표시를 요청 payload로 바꿈

-delete

특정 리소스를 삭제

- connect

목적 리소스로 식별되는 서버로의 터널을 맺음

- options

목적 리소스의 통신을 설정하는 데 쓰임

- trace

목적 리소스의 경로를 따라 메시지 loop-back 테스트

- patch

리소스의 부분만을 수정

ajax

: 비동기적인 웹 어플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법

- 표현 정보를 위한 html 과 css

- 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 dom과 javascripts

- 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 xml, xslt

: 필요한 데이터만을 웹서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리를 할 수 있음

: html 페이지 전체가아닌 일부분만 갱신할수 있도록 XML HttpRequest객체를 통해 서버에 request를 하는데 이 경우 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있음

'Mini-Study' 카테고리의 다른 글

S3, EC2, RDS  (0) 2020.02.05
React  (0) 2020.02.05
ES5 와 ES6의 상속 차이점  (0) 2020.02.05
Stack, Queue, Linked List란?  (0) 2020.02.05
Tree, Graph, Hash Table, Binary Search Tree 란?  (0) 2020.02.05