[2주차] - [9기] 타입스크립트로 함께하는 웹 풀 사이클 개발(React, Node.js) 10회차 - 10

API란?

 

application programming interface

 

백엔드는 api 를 개발함

라이브러리에 접근하기위한 규칙

interface 란?
중간에서 양쪽에 있는 친구들을 중재/매개체가 되어주는 역
인터페이스라는 친구를 활용해서 이것저것 접근하는것

 

 

• GUI : Graphic User Interface
  = 컴퓨터(프로그램)한테 명령을 내릴 때, 그래픽을 사용해서 명령을 내리는 방식
• CLI : Command Line Interface
  = 명령어 문장(줄)로 컴퓨터한테 명령을 내리는 거.

REST API

 

REST(Representational State Transfer) 아키텍처 스타일을 따르는 웹 API 설계 방식입니다.
클라이언트와 서버가 HTTP 프로토콜을 사용해 리소스(Resource) 를 주고받도록 설계됩니다.

 

REST API = URL로 리소스를 표현하고, HTTP 메서드로 동작을 정의하는 API

 

HTTP 창시자 : 형식 따르면 효율 극대화 >> REST API = HTTP규약을 잘 따른 API

 

웹이랑 인터넷

• 인터넷: 전 세계 컴퓨터를 연결한 통신망
• 웹: 인터넷 위에서 돌아가는 서비스 중 하나

웹이란 인터넷망 속에 가상 공간

인터넷을 돌아다니기 위한 규약
HTTP 를 지켜야만 한다

클라이언트와 서버 간의 약속 , 프로토콜

프로토콜이란, 컴퓨터들이 데이터를 주고받기 위해 정한 약속(규칙)이다.

 

왜 필요한가?

• 서로 다른 컴퓨터·운영체제·프로그램 간 의사소통 통일
• 데이터 형식, 전송 순서, 오류 처리를 정함

URL + 메소드

 

Uniform Resource Locator

인터넷 상에서 웹 페이지가 어디있는지 "위치"를 알려주는 것 뿐 아니라, 데이터 연산 해달라고 서버에 요청을 보내는 방법입니다.

쉽게 말해서 , 웹 페이지 주소라고 할 수 있습니다.

 

htttp://localhost:8888/product/1 :

(야 컴퓨터야) / 전체상품조회 / {id}

 

<REST API URL 규칙>

• 대문자 X, 소문자 O
• 언더바(_) X, 하이픈(-) O
• 마지막에 / 포함 X
• ✨ 행위를 포함하지 않습니다 = 목적을 포함하지 않습니다 ✨
• 파일 확장자 포함 X
• ✔ 복수형을 쓴다

쇼핑몰 메인 페이지 틀 >> 전체 상품 조회 API >> 전체 상품 데이터 받고 >>> 받은 데이터를 페이지에 뿌려주죠.

 

상세 페이지 > 해당 데이터 조회