이번에 협업프로젝트를 처음 진행하면서 처음으로 api통신을 해보았다. 이론적으로는 조금 알고있었지만
실제로 써본적이 없기에 기초 공부를 하고 프로젝트를 들어갔던 기억이 난다.
지금은 그때보다는 훨씬 이해도가 높은 상황이지만 꺼진 불도 다시보자! 한번 더 확인하고 정리하기 위해 글을 쓴다.
RESTful API란
RESTful(Representational State Transfer) API는 HTTP 프로토콜을 기반으로하는 웹 서비스 아키텍처이다. 자원, 메소드, 메시지 등을 정의하여 클라이언트-서버 간의 통신을 가능하게 한다. 또한, RESTful API는 표준 HTTP 메소드(GET, POST, PUT, DELETE)를 사용하여 서버와 통신한다
프론트엔드 개발자가 백엔드 서버와 데이터를 주고 받는 방법이라고 생각하면 조금 더 이해가 편하다.
서버에서는 데이터들을 보관하고 있지만 그 데이터들을 프론트에서 불러와서 사용해야 할 일도 있을 것이고, 회원가입이나 게시글 작성등의 사용자의 어떤 행동과 동작으로 인한 새로운 데이터가 갱신삭제 또는 작성될 때 프론트에서 서버로 데이터들을 넘겨줘야 할 것이다.
이 때, 사용되는 것이 RESTful API이다.
RESTful API 메소드
HTTP 메소드(GET, POST, PUT, DELETE 등)와 URI(Uniform Resource Identifier)를 사용하여 CRUD(Create Read Update Delete) 작업을 처리한다
- GET: 리소스 조회
- POST: 리소스 생성
- PUT: 리소스 전체 수정
- PATCH: 리소스 부분 수정
- DELETE: 리소스 삭제
예제
fetch('https://myproject/users', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(signupData),
})
.then(response => response.json())
.then(data => console.log(data))
.catch((error) => console.error('Error:', error));이 예제는 post 메소드로 서버에 데이터를 전송하는데, 전송할 값은 body에 정의한다.
회원가입 데이터들을 JSON형식으로 변환하여 서버에 전송하면 이에 따른 response(응답)값을
서버에서 내려주게 되고 그걸 다시 프론트에서 쓸 수 있다.
