[js][datatables] clientSide

1️⃣ clientSide: true란?

데이터를 서버에서 다시 가져오지 않고,
이미 브라우저에 로딩된 데이터만 가지고 처리하는 모드입니다.

즉,

• 검색
• 정렬
• 페이징

을 모두 프론트(JS) 에서만 처리합니다.

👉 서버 API (func) 호출 안 함

 

2️⃣ 동작 흐름 비교

✅ clientSide: true (클라이언트 사이드)

 

[초기 1회 데이터 로딩]  ← (또는 아예 정적 데이터)
        ↓
브라우저 메모리에 데이터 보관
        ↓
검색 / 정렬 / 페이징
        ↓
JS에서만 필터링 & 렌더링

✔ 서버 트래픽 없음
✔ 빠름
❌ 데이터 많으면 느려짐
❌ 최신 데이터 보장 어려움
❌ func 호출 안 됨

---

✅ clientSide: false (서버 사이드)

검색 / 페이징 / 정렬 이벤트
        ↓
func(API) 호출
        ↓
DB 조회
        ↓
결과만 응답
        ↓
테이블 렌더링

✔ 대용량 데이터 처리 가능
✔ 항상 최신 데이터
❌ 매 요청마다 서버 호출