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