Rest Api 사용법

오다현·2025년 5월 2일
6

프론트엔드

목록 보기
2/3
post-thumbnail

Rest Api란 ?

우선, 웹 구조는 프론트엔드(화면) ← 서버 ← 데이터베이스 이렇게 연결되어 있습니다.

REST는 프론트엔드가 서버와 데이터베이스 정보를 주고받기 위한 통신 규칙입니다.
이 규칙에는 GET, POST, PUT, DELETE 등이 있으며, 데이터를 어떻게 처리할지 서버에 요청하는 명령어 역할을 합니다.🍀

API는 프론트엔드가 서버와 소통할 수 있도록 도와주는 인터페이스입니다.
예를 들어, 버튼을 눌렀을 때 바로 서버와 통신하여 필요한 데이터를 가져올 수 있습니다.
값을 일부분만 가져올 때는

와 같이 객체명.키값 혹은 객체명["키값"] 형태로 접근합니다.

왜냐하면 REST API를 사용하면 데이터를 JSON 형태로 반환하는데, JSON은 {키: 값} 구조로 이루어져 있습니다.
이 덕분에 데이터를 분석하기도 쉽고, JavaScript에서 사용하기에도 편리합니다.

즉, REST API는 웹에서 REST 규칙에 따라 요청을 보내고 데이터를 받아올 수 있는 URL 주소와 같은 개념입니다.💛

Rest Api 연결

처럼 URL을 통해 데이터를 요청하고 사용할 수 있으며, 프론트엔드 개발자들은 서버에서 데이터를 받아올 때 주로 REST API를 사용합니다.

또한, API를 연결하려면 API 제공 사이트에 가입하여 본인만의 Key를 발급받아야 합니다.

발급받은 키는 요청 시 key: 옆에 적어야 데이터를 받을 수 있습니다.
이렇게 키를 발급하는 이유는, API 주소를 아무에게나 공개하면 어디에 쓰일지 알 수 없고, 누가 얼마나 사용했는지 추적하기 위해서입니다.

profile
프론트엔드 개발자 지망생

4개의 댓글

comment-user-thumbnail
2025년 5월 2일

너무 유익해서 하트 두번 눌렀습니다

1개의 답글
comment-user-thumbnail
2025년 5월 2일

그러게 나랑 안 맞아 과가

1개의 답글