클라이언트 & 서버

API(Application Prpgramming Interface)
: 애플리케이션이 인터페이싱하는 -> 요청과 응답을 주고받는 체계

REST API(REpresentational State Transfer)란?

웹 상에서 사용되는 여러 리소스를 HTTP URL로 표현하고,
해당 리소스에 대한 행위를 HTTP Method로 정의하는 방식

HTTP

하이퍼텍스트(ex: HTML)문서를 교환하기 위해 만들어진 protocol
-> 클라이언트에서 서버에 HTTP Request 요청을 보내고, 다시 서버에서 HTTP Response 응답 메시지를 보내는 흐름

HTTP Request 구조

1. 시작 라인 : HTTP 메서드, HTTP 버전, 경로
2. 헤더 : 요청 헤더
3. 공백(CRLF)
4. 선택 사항인 HTTP 본문

HTTP Response 구조

1. 상태 라인 : HTTP 버전, 상태 코드, 상태 메시지
2. 헤더 : 응답 헤더
3. 공백(CRLF)
4. 선택 사항인 HTTP 본문

HTTP 메소드

• GET : 리소스 조회
• POST : 요청 데이터 처리, 주로 등록에 사용
• PUT : 리소스를 완전히 대체(덮어쓰기), 해당 리소스가 없으면 생성
• PATCH : 리소스 부분 변경(PUT이 전체 변경, PATCH는 일부 변경)
• DELETE : 리소스 삭제

HTTP 상태 코드

HTTP 요청에 사용되는 주요 파라미터

Header, Path Patameter, Query Parameter, Body Parameter

- Header

요청의 유형(Content-Type), 응답의 유형(Accept), 인증 정보(Authorization), 캐싱 제어(Cache-Control, ETag, Last-Modified)등 다양한 메타데이터가 포함

- Path Parameter

URL 경로의 일부로 사용되어 데이터의 특정 자원을 식별
리소스의 고유 ID나 이름을 URL 경로에 포함시켜 RESTful한 API 요청에서 자주 사용

- Query Patameter(Query string)

URL 뒤에 물음표(?)와 함께 붙는 키-값(Key-Value)쌍
여러 개의 쿼리 파라미터를 전달하려면 파라미터 사이에 앰퍼샌드(&)를 추가해서 하나의 문자열(string)로 전달

- Body Paramter(Request Body)

HTTP 요청의 본문(body)에 포함되는 데이터
데이터 전달, 리소스 생성 또는 업데이트(주로 POST, PUT, PATCH 등의 메서드에 사용)
데이터는 주로 JSON, XML 또는 폼 데이터와 같은 형식으로 전송

Query Patameter VS Path Parameter

내가 만든 WEB HOISTING(무료)

https://app.netlify.com/drop

여기에 내가 만든 프로젝트 파일 drop하면 무료로 web hoisting 할 수 있다!

• 하지만 무조건 index.html 파일을 포함하고 있어야 한다

다음 뜨는 창에서 하이퍼링크를 클릭하고 password를 입력해주면 1시간동안 무료로 이용 할 수 있다.

로그인 후 본인이 만든 web 수정사항 반영하는 방법
최근에 만든 사이트 클릭 후 => Deploys 클릭 => 새로운 파일 drop
==> upload 완료!

업로드 성공!