16. REST API와 AJAX

Feb 26, 2026

Contents

1. REST API 1️⃣ REST API란?2️⃣ REST API의 핵심 개념 3️⃣ 필기 2. AJAX 1️⃣ AJAX란?2️⃣ AJAX가 왜 중요할까?3️⃣ AJAX 사용 사례 4️⃣ 필기 3. REST API와 AJAX 1️⃣ REST API vs AJAX 관계 2️⃣ 함께 사용하는 구조 3️⃣ 한 줄 요약

1. REST API

1️⃣ REST API란?

1) 개념

서버에게 요청하는 표준화된 창구

웹이나 앱이 서버에게 데이터를 달라고 하거나 저장해달라고 할 때 사용하는 규칙

2) 현실 비유

REST API = 식당 주문 시스템

손님(클라이언트) → 요청하는 쪽 (웹사이트, 앱)

주방(서버) → 처리하는 쪽

메뉴판(API) → 무엇을 요청할 수 있는지 정의된 규칙

➡️ 손님은 메뉴판에 있는 것만 주문 가능

2️⃣ REST API의 핵심 개념

1) URL = 요청 대상


https://api.shop.com/products

→ “상품 목록 주세요”


https://api.shop.com/products/1

→ “1번 상품 정보 주세요”

2) HTTP 메서드 = 요청 종류

REST API는 요청의 목적을 동사처럼 표현

메서드	의미	느낌
GET	조회	가져오기
POST	생성	새로 만들기
PUT	수정	업데이트
DELETE	삭제	지우기


GET /products → 상품 조회
POST /products → 상품 추가

3) 데이터 형식 (보통 JSON)

서버의 응답 형식


{
  "id":1,
  "name":"노트북",
  "price":1500000
}

→ 사람이 읽기도 쉽고, 프로그램도 처리하기 쉬움

※ 주소가 문장으로 읽어진다

HTTP메서드 - 동사 (GET/POST/PUT/DELETE)

주소에는 명사만 (users, boards, replys)


GET     /users/1   // 1번 유저 정보 줘!
POST    /users     // 유저 정보 넣어줘!
PUT     /users/1   // 1번 유저 정보 업데이트 해줘!
DELETE  /users/1   // 1번 유저 정보 삭제 해줘!

3️⃣ 필기

2. AJAX

1️⃣ AJAX란?

1) 개념

“페이지 새로고침 없이 서버와 통신하는 기술”

2) 현실 비유

AJAX = 전화 주문

전체 식당 다시 들어갈 필요 없음 (새로고침 X)

필요한 것만 빠르게 요청

2️⃣ AJAX가 왜 중요할까?

1) 예전 웹

버튼 클릭 → 페이지 전체 새로고침 😵

2) AJAX 사용 웹

버튼 클릭 → 일부 데이터만 업데이트 😎

3️⃣ AJAX 사용 사례

1) 댓글 작성

AJAX 없음

댓글 작성 → 페이지 전체 리로드

AJAX 있음

댓글 작성 → 댓글만 추가됨

2) 좋아요 버튼

AJAX 없음

좋아요 → 화면 깜빡임

AJAX 있음

좋아요 숫자만 증가

4️⃣ 필기

3. REST API와 AJAX

1️⃣ REST API vs AJAX 관계

구분	역할
REST API	통신 규칙 / 설계 방식
AJAX	통신 방법 / 기술

REST API = “어떻게 요청할지 약속”

AJAX = “요청을 어떻게 보낼지 기술”

2️⃣ 함께 사용하는 구조

1) 웹사이트

AJAX 사용 → REST API 호출

2) 흐름


사용자 클릭
↓
AJAX 요청 발생
↓
REST API 호출
↓
서버 응답(JSON)
↓
화면 일부 업데이트

3️⃣ 한 줄 요약

REST API = 서버랑 대화하는 표준 규칙

AJAX = 페이지 안에서 몰래 빠르게 대화하는 기술

Contents

Spring Boot

16. REST API와 AJAX

박은서

Feb 26, 2026

Contents

1. REST API

1️⃣ REST API란?

1) 개념

서버에게 요청하는 표준화된 창구

웹이나 앱이 서버에게 데이터를 달라고 하거나 저장해달라고 할 때 사용하는 규칙

2) 현실 비유

REST API = 식당 주문 시스템

손님(클라이언트) → 요청하는 쪽 (웹사이트, 앱)

주방(서버) → 처리하는 쪽

메뉴판(API) → 무엇을 요청할 수 있는지 정의된 규칙

➡️ 손님은 메뉴판에 있는 것만 주문 가능

2️⃣ REST API의 핵심 개념

1) URL = 요청 대상


https://api.shop.com/products

→ “상품 목록 주세요”


https://api.shop.com/products/1

→ “1번 상품 정보 주세요”

2) HTTP 메서드 = 요청 종류

REST API는 요청의 목적을 동사처럼 표현

메서드	의미	느낌
GET	조회	가져오기
POST	생성	새로 만들기
PUT	수정	업데이트
DELETE	삭제	지우기


GET /products → 상품 조회
POST /products → 상품 추가

3) 데이터 형식 (보통 JSON)

서버의 응답 형식


{
  "id":1,
  "name":"노트북",
  "price":1500000
}

→ 사람이 읽기도 쉽고, 프로그램도 처리하기 쉬움

※ 주소가 문장으로 읽어진다

HTTP메서드 - 동사 (GET/POST/PUT/DELETE)

주소에는 명사만 (users, boards, replys)


GET     /users/1   // 1번 유저 정보 줘!
POST    /users     // 유저 정보 넣어줘!
PUT     /users/1   // 1번 유저 정보 업데이트 해줘!
DELETE  /users/1   // 1번 유저 정보 삭제 해줘!

3️⃣ 필기

2. AJAX

1️⃣ AJAX란?

1) 개념

“페이지 새로고침 없이 서버와 통신하는 기술”

2) 현실 비유

AJAX = 전화 주문

전체 식당 다시 들어갈 필요 없음 (새로고침 X)

필요한 것만 빠르게 요청

2️⃣ AJAX가 왜 중요할까?

1) 예전 웹

버튼 클릭 → 페이지 전체 새로고침 😵

2) AJAX 사용 웹

버튼 클릭 → 일부 데이터만 업데이트 😎

3️⃣ AJAX 사용 사례

1) 댓글 작성

AJAX 없음

댓글 작성 → 페이지 전체 리로드

AJAX 있음

댓글 작성 → 댓글만 추가됨

2) 좋아요 버튼

AJAX 없음

좋아요 → 화면 깜빡임

AJAX 있음

좋아요 숫자만 증가

4️⃣ 필기

3. REST API와 AJAX

1️⃣ REST API vs AJAX 관계

구분	역할
REST API	통신 규칙 / 설계 방식
AJAX	통신 방법 / 기술

REST API = “어떻게 요청할지 약속”

AJAX = “요청을 어떻게 보낼지 기술”

2️⃣ 함께 사용하는 구조

1) 웹사이트

AJAX 사용 → REST API 호출

2) 흐름


사용자 클릭
↓
AJAX 요청 발생
↓
REST API 호출
↓
서버 응답(JSON)
↓
화면 일부 업데이트

3️⃣ 한 줄 요약

REST API = 서버랑 대화하는 표준 규칙

AJAX = 페이지 안에서 몰래 빠르게 대화하는 기술

Contents