CodeStates - 웹 애플리케이션에 대한 이해

웹 어플리케이션?

1. Native-Application : 특정 실행환경에 종속되어 개발된 어플리케이션. 빠르고 인터넷없이 사용이 가능하며, 설치된 기기의 리소스에 접근이 용이하고 안전하지만, 비용이 증가하며, 업데이트가 힘들다.

2. Web-Application : 웹브라우저를 통해 접근이 가능한 어플리케이션으로, 설치나 다운로드가 필요없고, 업데이트가 편리하며 개발이 간편하다. 하지만 인터넷없이 사용이 불가능하고 속도가 느리며, 보안상 위험성이 있고 접근성이 떨어진다.

 

 

TCP/IP Protocol

프로토콜은 공통된 규약이다. 이중에 TCP/IP는 4계층모델이 있으며 IP프로토콜을 경우 비연결성과 비신뢰성의 한계로 패킷을 받지못하는 상황에도 그대로 전송을 하기때문에 이를 극복하기위해 TCP와 같이 사용된다. TCP프로토콜은 연결 지향적 프로토콜로 신뢰성과 전송하는 패킷의 순서를 보장한다.

 

 

URL / URI

1. URI(Uniform Resource Identifier)은 인터넷상의 리소스 "자원 자체"를 식별하는 고유한 문자열 시퀀스이다.

2. URL(Uniform Resource Locator)는 네트워크상에 통합 자원의 "위치"를 나타내기 위한 규약이다. 

 

ex)

naver.com > URI

https://www.naver.com > URL, URI

즉 지금 이페이지의 주소를 구분하자면 위의 그림과 같이 구분할수있다. 

 

HTTP !

HTTP 요청메서드

메서드	기능
GET	특정 리소스의 표시를 요청, GET을 사용하는 요청은 데이터를 받기만 한다.
HEAD	GET메서드와 동일한 응답을 요구하지만, 응답본문을 포함하지 않는다.
POST	특정 리소스에 엔티티를 제출할때 쓰인다.
PUT	목적 리소스의 모든 현재표시를 요청 payload로 바꾼다.
DELETE	특정 리소스를 삭제한다.
CONNECT	목적 리소스로 식별되는 서버로의 터널을 맺는다.
OPTIONS	목적 리소스의 통신을 설정하는데 쓰인다.
TRACE	목적 리소스의 경로를 따라 메세지 loop-back테스트를 한다.
PATH	리소스의 부분만을 수정하는데 쓰인다.

 

HTTP의 무상태성이란?

HTTP의 무상태성(Stateless)는 상태를 가지지 않는다는 뜻이다. HTTP를 통해 클라이언트와 서버가 통신을 주고받을때 HHTP가 클라이언트나 서버의 상태를 확인하지 않는것이다. HTTP는 통신규약일뿐, 상태를 저장하지 않고 만약 상태의 저장이 필요하다면 쿠키, 세션, API 등으로 상태를 확인해야한다.

 

 

HTTP 상태코드

상태코드는 첫번째 자리의 숫자에 따라 100~ 500번대 까지 5가지로 분류한다.

• 1XX : Informational(정보 제공)
  • 임시 응답으로 현재 클라이언트의 요청까지는 처리되었으며, 계속 진행하라는 의미이다.
• 2XX : Success(성공)
  • 클라이언트의 요청이 서버에 정상적으로 전달되었으며 처리되었다는 의미이다.
• 3XX : Redirection(리다이렉션)
  • 완전한 처리를 위해 추가 동작이 필요한 경우, 서버의 주소 또는 요청한 URI의 웹문서가 이동되었으니 그 주소로 재시도 하라는 의미이다.
• 4XX : Client Error(클라이언트 에러)
  • 없는 페이지를 요청 하는 등의 클라이언트의 요청 메세지 내용이 잘못된 경우를 의미한다.
• 5XX : Server Error(서버 에러)
  • 서버의 메세지 처리에 문제가 발생한 경우를 의미한다. 서버의 부하, DB에러 등의 서버에서 Exception이 발생하는 경우를 나타낸다.

 

자주 사용하는 상태 코드

2XX : success

상태코드	텍스트	한국어	의미
200	Ok	성공	- 서버가 성공적으로 요청을 처리하였음을 의미
201	Created	생성	- 요청이 처리되어 새로운 리소스가 생성됨. - 응답헤더 Location에 새로운 리소스의 절대 URI를 기록한다.
202	Accepted	허용	- 요청은 접수하였지만 처리되지 않음 - 응답헤더의 Location을 참고하여 클라이언트는 다시 요청을 보낸다.

 

3XX : Redirection

상태코드	텍스트	한국어	의미
301	Moved Permanently	영구 이동	- 지정한 리소스가 다른 URI로 이동하였다. - 이동할 곳의 새로운 URI는 응답헤더 Rocation에 기록한다.
303	See Other	다른 위치 보기	- 다른위치로 요청하세요. - 요청에 대한 처리 결과를 응답 헤더 Location에 표시된 URI에서 Get으로 취득할수 있다. 브라우저의 폼 요청을 Post로 처리하고 그결과 화면을 리다이렉트 시킬때 자주 사용하는 응답코드이다.
307	Temporary Redirect	임시 리다이렉션	- 임시로 리다이렉션 요청이 필요함. - 요청한 URI가 없으므로 클라이언트 메소드를 그대로 유지한채 응답헤더 Location에 표시된 다른 URI로 요청을 재송신해야한다. 클라이언트는 다음 요청시 원래 위치를 계속 사용해야한다.

 

4XX : Client Error

상태코드	텍스트	한국어	의미
400	Bad Request	잘못된 요청	- 요청의 구문이 잘못됨.
401	Unauthorized	권한 없음	- 지정한 리소스에 대해 엑세스 권한이 없다. - 응답 헤더에 Authenticate에 필요한 인증방식을 지정한다.
403	Forbidden	금지됨	- 지정한 리소스에 대한 액세스가 금지 되었다. - 401인증 처리 이외의 사유로 리소스에 대한 접근이 금지되었음을 의미한다.
404	Not Found	찾을수 없음	- 지정한 리소스를 찾을 수없다. - 리소스의 존재 자체를 숨기고 싶은경우 사용가능

 

5XX : Server Error

상태코드	텍스트	한국어	의미
500	Internal Server	내부 서버 오류	- 서버에 에러가 발생함.
501	Not Implemented	구현되지 않음	- 요청한 URI의 메소드를 서버가 구현하고 있지 않음
502	Bad Gateway	불량 게이트웨이	- 게이트웨이 또는 프록시 역할을 하는 서버가 뒷단의 서버로 부터 잘못된 응답을 받음.

 

CORS

Cross-Origin Resource Sharing 은 출처가 다른 자원을 공유한다는 뜻으로, 위 그림에서 Protocol + Host + Port 이렇게 3가지가 같으면 동일 출처(Origin) 라고한다.

 

 

more...

[ref. WellKnown Port]

[ref. how to browser work?]

[ref. MIME Type]

[ref.HTTP status Code]