20251230 [TIL] 2 - 웹개발 기초(REST API, Postman, 프로젝트 맛보기)

1. Interface (인터페이스)란?

• "둘 이상이 마주 보고 소통하는 접점" 연결에 의미를 가짐
• 예를 들면 "TV 리모컨은 '사람'과 'TV 프로그램'이 소통하는 인터페이스"

2. API (Application Programming Interface)란?

• '사람' 대신 '프로그램(애플리케이션)'이 서로 소통하기 위한 '접점(Interface)'

3. REST API?

• REST - 웹 자원을 URI로 식별하고, 그 자원의 표현을 HTTP 표준에 맞게 주고받는 원칙
• 1. 누가 API를 사용하는가? (Who)
  2. 무엇을 다룰 것인가? (What)
  3. 어떻게 하는가? (How)
  4. 하기 위해서 무엇이 필요한가? (Parameters)
  5. 끝나면 무엇을 반환하는가? (Returns)

HTTP Method

Method	CRUD	의미 (행동)
POST	Create	(새로) 생성하라.
GET	Read	(데이터를) 조회하라.
PUT	Update	(전체를) 수정하라. (또는 덮어써라)
DELETE	Delete	(데이터를) 삭제하라.
PATCH	Update	(일부만) 수정하라. (PUT과 달리 일부 필드만 변경)

 

 

[실습 1] 블로그 게시물 (Blog Posts) 관리

누가?
-> 블로그 방문자 (조회), 관리자 (작성, 수정, 삭제, 조회)

설계: 방문자 -> 조회
         관리자 -> 조회 수정 삭제 작성 (CRUD)

무엇 다루나?
-> Post

How?
-> 조회(목록 조회, 게시물 조회) 수정 삭제 작성
목록 조회 GET :              /posts          [post, post, post ... ] -> [] 200 ok
게시물 조회 GET :          /posts/{id}     post (json)                -> 200 ok / 404 Not Found
게시물 작성 POST :       /posts       -> 바디 {"title": "제목". "content": "내용"}
                                                         post (json)                  -> 201 created / 500 서버에러
게시물 수정 PUT :          /posts/{id} -> 바디 {"title": "제목". "content": "내용"}
                                                         post (json)                  -> 200 ok / 500 서버에러
게시물 삭제 DELETE :    /posts/{id}

 

[실습 2] 특정 게시물의 댓글 (Comments) 관리

 

---

Postman으로 REST API 확인하기

🚩Postman이 무엇인가

- 개발한 API를 테스트하고, 공유할 수 있는 API를 배달하는 배달부인 플랫폼
- 프론트엔드 코드가 없더라도, Postman의 화면을 이용하여 모든 종류의 HTTP 요청을 쉽게 전송하고 그 응답을 즉시 확인할 수 있다

🚩MockServer의 개념과 사용 이유

- 실제 서버가 존재하지 않을 때 API 명세서에 정의된 대로만 응답해 주는 '가짜' 서버
- 즉, 실제 주방(서버)은 없지만, 주문을 받고 미리 준비된 '전시용 음식(JSON)'을 내어 주는 '가짜 식당'과 같다

🚩API 명세서를 바탕으로 Postman Mock Server를 생성

https://20798fe5-f478-45ab-a305-b29ed1fb3254.mock.pstmn.io

🚩Postman을 사용하여 API를 직접 호출하고 응답을 검증

오 신기해

 

---

프론트엔드 코드 맛보기

🚩프론트엔드 프레임워크 경험

Q. 프레임워크와 라이브러리의 차이점은 무엇인가요?

A. 핵심은 누가 누구를 부르느냐, 제어권이 누구에게 있느냐
- 라이브러리 (Library):
  내가 호출해서 쓰는 도구 모음
- 프레임워크 (Framework):
  정해진 '틀'이고, 프레임워크가 나를 호출

 

🚩클라이언트와 Mock 서버 연동 실습

아무것도 없다

이렇게 넣으면

이렇게 생긴다 개발자 도구 콘솔로 넣어 보고 확인 가능

 

---

 

개개인의 성장 추이나 spring 3기의 전체적인 보충이 필요한 부분은 없는지 등 커리큘럼을 비롯한 교육을 보완하는 기준이 되는 참고 지표라고 생각하시면 됩니다!
수강생 여러분, 운영진 모두 3기의 취업이라는 공통 목표가 있기 때문에 저희한테 평가받는다는 생각보다는 여러분의 현시점을 점검한다라고 생각하시면 됩니다!

 

기록을 잘 쌓아 둬야 되고 일주일에 한 번 한 달에 한 번 과제가 끝나면 과제가 끝나고 한 번 정리해서 글을 쓰는 게 좋겠다 내일은 꼭 강의 다 듣고 복습하면서 과제 시작해 봐야지......