HTTP 메서드
GET, POST, PUT, PATCH, DELETE 등의 HTTP 메서드를 사용하여 요청의 목적과 의도를 전달합니다.
헤더(Header)
요청의 부가적인 정보를 전달합니다. 예를 들어, 인증 정보, 캐싱 제어, 요청 형식 등을 설정할 수 있습니다.
매개변수(Parameter)
요청에 필요한 데이터를 전달합니다. 주로 쿼리 문자열(query string)이나 요청 본문(request body)에 포함됩니다.
상태 코드(Status Code)
요청에 대한 처리 결과를 나타내는 HTTP 상태 코드를 포함합니다. 예를 들어, 200(성공), 404(찾을 수 없음), 500(내부 서버 오류) 등이 있습니다.
헤더(Header)
응답의 부가적인 정보를 포함합니다. 예를 들어, 캐싱 제어, 콘텐츠 형식, 인증 상태 등이 있습니다.
본문(Body)
요청에 대한 처리 결과로서 응답할 데이터를 포함합니다. 일반적으로 JSON, XML, HTML 등의 형식으로 데이터가 반환됩니다.
엔드포인트(Endpoint)
서버의 특정 경로나 URL을 말합니다. 간단히 말하면, 클라이언트가 서버에 요청을 보내기 위해 접근하는 주소라고 할 수 있습니다.
예를 들어, 서버의 로그인 API의 엔드포인트가 /api/login이라고 가정하면, 클라이언트는 요청을 보낼 때 이 주소를 사용합니다. 클라이언트는 해당 엔드포인트로 요청을 전송하여 서버에 로그인 요청을 보내게 됩니다
JWT 토큰을 어떻게 보내야 할까?
-
res.cookies(token) 활용
-
cookie parser라이브러리를 활용하면, 응답 객체의 ‘cookie’에 토큰을 담아 보낼 수 있는데, 이때 클라이언트의 쿠키에 자동적으로 token이 저장됩니다.
-
해당 방식은 origin이 같지 않다면, cors오류가 발생할 수 있기때문에, 해당 부분을 고려해보면 좋을것같습니다.
-
-
res.set(’Authorization’, token) 활용
- 해당 메서드를 사용하면, response의 ‘header’에 key는 Authorization, value는 token으로 세팅이 됩니다. set은 세팅만하는 메서드이므로 res.send나 res.json을 추가적으로 사용하셔야 합니다.
CORS
권한설정. 쉽게 말해, 허락받은 프론트엔드만 서버의 응답을 받을 수 있다.
(허락받은 사람만 요청을 받을 수 있다.)
Mock API
프론트엔드쪽에서 가짜로 API가 있다고 생각하고 개발을 진행하는 것
api url을 꼭 api/?/? 처럼 api로 시작하는데 보편적일까?
- 보편적입니다.
와이어프레임
와이어프레임은 웹사이트 또는 앱의 레이아웃과 구성 요소를 간단한 그림으로 표현한 것이다. 사용자가 어디를 누르거나 어떤 정보를 볼 수 있는지 보여주는 디자인 도구이다.
