[cs] 웹 개발 기본 개념

웹 개발 기본 개념

---

웹 공부하면서 정리한 내용 입니다 !

오류가 있다면 댓글로 남겨주세요 :)

 

1. 웹

2. URL

3. HTTP

4. JSON, Content-type 헤더

5. Web API, REST API

6. Request(GET, POST, PUT, DELETE)

7. Response(status code)

---

1. 웹

World Wide Web으로 전 세계적인 연결망이다.

클라이언트 -> 서버로 요청을 보내고, 서버 -> 클라이언트 응답하는 구조이다.

 

2. URL

Uniform Resource Locator으로 규격화된 리소스 검색자이고, 웹에 존재하는 데이터 중 특정 데이터를 나타내는 문자열이다.

https:// + www.naver.com + /member/login + ?page=2 형태로 사용된다.

 

- https

스킴을 나타내는 부분이다.

프로토콜을 지정하는 부분이다.

 

프로토콜은 통신을 하는 두 주체가 지켜야 하는 통신 규약이다.

특정한 데이터를 가져올 때 http라는 프로토콜을 지키겠다는 의미이다.

 

- www.naver.com

호스트(도메인)을 나타내는 부분이다.

전 세계의 많은 서버 중 하나의 서버를 특정하는 부분이다.

 

- /member/login

경로를 나타내는 부분이다.

서버 안에 존재하는 데이터에서 특정 데이터를 나타내기 위해서 사용하는 부분이다.

 

- ?page=2

쿼리를 나타내는 부분이다.

쿼리는 존재할 수도 있고 않을 때도 있으며 데이터에 관한 세부적인 요구사항을 나타낸다.

클라이언트(html) 부분에서 처리한다.

 

3. HTTP

HTTP는 프로토콜의 한 종류이다.

 

하이퍼텍스트를 웹 브라우저와 서버 사이에서 주고 받기 위한 프로토콜이다.

요즘에는 이미지, 동영상 등 다양한 데이터를 주고 받는다.

https는 http에 보안성이 더해진 프로토콜으로 http보다 많이 사용한다.

 

4. JSON, Content-type 헤더

- JSON

서버가 보내주는 응답 포맷이다.

어떠한 정보를 나타내는 데이터로 응답할 때 JSON 형태를 사용할 수 있다.

자바스크립트의 문법과 비슷하다.

키-값 쌍을 사용하여 데이터를 식별하고 검색할 수 있다.

 

JSON 데이터는 String 타입이고, JSON.parse(JSON데이터)를 통해 역질렬화를 하여 객체로 변환해서 사용할 수 있다.

String 타입의 자바스크립트 객체를 JSON 데이터로 변환(직렬화)할 때는 JSON.stringify(객체이름)으로 변환할 수 있다.

 

- Content-type 헤더

request 또는 response에 들어있는 body의 데이터가 어떤 타입인지 나타낸다.

Context-type 헤더 값은 주 타입/서브 타입 형식으로 나타낸다.

만약 일반 텍스트를 보낸다면 text/plain, css 코드면 text/css로 나타낼 수 있다.

JSON 데이터는 application/json으로 나타난다.

 

5. Web API, REST API

- Web API

Web API는 어떤 request가 일어났을 때, 무슨 response가 오는지에 대해 정해진 규격이다.

이러한 API를 설계하는 것이 Web API 설계이다.

 

- REST API

Web API를 설계하기 위한 가이드라인이다.

REST 구조는 client-server, stateless, cache, uniform interface, layered system, code on demand로 이루어져있다.

위의 6가지 가이드라인을 준수하여 만든 어플리케이션이 RESTful 서비스이다.

 

6. Request(GET, POST, PUT, DELETE)

request의 종류에는 GET, POST, PUT, DELETE가 있다.

request에는 head와 body가 존재한다.

 

- head

메소드에 대한 정보를 포함하여 여러 정보가 있다.

헤드 안에 들어가는 각각의 정보를 헤더라고 한다.

 

- body

실제 데이터를 담는 부분(JSON 데이터)

POST, PUT을 할 때 필요하다.

 

7. Response(status code)

status code는 head에 담겨오는 상태 코드이다.

요청에 대한 응답의 상태를 코드로 표현하고, 100번대~500번대까지 존재한다.

 

- 100번대

서버->클라이언트 정보성 응답

 

- 200번대

클라이언트의 요청이 성공

 

- 300번대

클라이언트의 요청이 아직 처리되지 않고, 처리를 원하면 추가 작업이 필요함을 의미

 

- 400번대

클라이언트에서 문제가 있음

 

- 500번대

서버에서 문제가 있음

---

다음 포스팅에서 만나요 !