[ReactLog] Axios POST 요청에서 변수명을 `data`로 쓰는 게 일반적인 이유

📦

React, Axios, REST API 조합에서 POST 요청 시
많이들 궁금해하는 것 중 하나:

POST 요청의 body 데이터를 변수명으로 data라고 써야 하나요?

---

✅ 결론부터

✅ 네, data라는 변수명을 사용하는 것이 가장 일반적이고 직관적입니다.

---

🧠 이유 1. Axios 공식 문서에서 기본 변수명이 data

axios.post('/url', data); // ✅ 공식 예제처럼 작성

• Axios 내부에서 POST의 두 번째 인자를 data라고 명시
• 협업 시 의도가 명확하고 표준에 가깝기 때문에 가장 널리 사용됨

---

🧠 이유 2. REST 관점에서도 자연스럽다

HTTP 메서드	역할	일반 변수명
GET	서버에 데이터 요청	params, query
POST	서버에 데이터 보냄	data, body, payload

// ✅ GET 요청
axios.get("/playlists", { params: { limit: 10 } });

// ✅ POST 요청
axios.post("/playlists", { name: "My Playlist" }); // ← 이 부분을 data라고 부르면 자연스러움

---

❗ 변수명은 자유지만 의미 있는 이름이 중요

const payload = { name: "My Playlist" };
axios.post("/url", payload); // 가능

const body = { name: "My Playlist" };
axios.post("/url", body); // 가능

const data = { name: "My Playlist" };
axios.post("/url", data); // ✅ 가장 일반적

• 작동은 다 되지만, data라는 이름이 관행상 가장 이해하기 쉬움

---

✅ 현업 기준 추천 네이밍

쓰임새	추천 변수명	이유
POST 요청 body	data, body, payload	표준적, 문서와 일치
GET 요청 쿼리	params, query	Axios 키와 동일하게 맞춤

---

✨ 요약

• POST 요청의 body는 변수명 상관없이 Axios가 처리
• 하지만 data는 가장 널리 쓰이는 관행적인 명칭
• 코드 가독성과 유지보수를 위해 data를 사용하는 것이 좋음

---

🏷️ 관련 키워드

axios post data axios 변수명 컨벤션 axios body vs params payload vs data vs body 네이밍