Web Architectures 정리

 

 

    클라이언트, 서버, API가 무엇인가

: 클라이언트는 사용자 입력을 주로 수행하고 서버의 응답을 화면에 표시한다.

: 서버는 정보를 제공하는 주체

: 클라이언트가 서버에서 정보를 제공 받으려면 API를 통해서 해야한다.

그 API중에 예를 들어서 fetch가 있는데 fetch의 구조를 살펴보자

 

fetch('리소스 주소', 설정객체).then(콜백함수:응답 response 객체).catch(콜백함수:요청에 대한 에러);

 

    웹 개발과 관련한 아키텍처에 대한 이해

- 브라우저란?

: 사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어

 

- 브라우저의 역할이란?

인터넷을 쉽게 항해할 수 있다.

원하는 웹사이트에 쉽게 접속할 수 있다.

정보를 쉽게 검색할 수 있다.

 

- 브라우저와 서버와의 연결이 어떤 규약(protocol)을 통해 이루어지는가?

: HTTP

 

 

 

    AJAX가 무엇이고, 왜 필요한지를 이해할 수 있다.

: Asynchronos Javascript And XML 의 약자

직역하면, 비동기처리를 해주는 자바스크립트와 데이터 형식(마크업 랭귀지)

원래 명칭은 XML Http Request 였다. 서버에 보내는 HTTP request를 비동기적으로 처리하는 것이라고 이해하면 될 것 같다.

 

비동기적으로 처리한다는 것이 추상적으로 느껴질 수 있는데, 우리가 웹사이트를 이용할 때 모든 페이지가 새로고침되는 경우도 있지만 그렇지 않은 경우가 대부분이다. 예를 들어 유튜브를 보다가 종 모양 알림을 클릭해도 다른 화면은 변하지 않는 경우가 있다.

하나의 버튼을 클릭한다고 해서 모든 창이 새로고침되는 것은 비효율적이기 때문에 이러한 요청들을 비동기적으로 처리하는 것이다.

 

그렇게 ajax 통신을 할 수 있는 방법에는 fetch, axios 등이 있다.

자세한 설명은 여기