require와 fetch의 차이점 정리

require와 fetch의 차이점 정리

자바스크립트에서 require와 fetch는 전혀 다른 역할을 하는 기능입니다. 이 글에서는 두 함수의 목적, 사용 환경, 동작 방식 등의 차이를 정리합니다.

---

✅ require (CommonJS 모듈 시스템)

• 용도: 자바스크립트 코드에서 다른 파일이나 모듈을 불러올 때 사용
• 사용 환경: Node.js
• 동작 방식: 동기적(synchronous)
• 예시:

const fs = require('fs');

• 특징:
  • 로컬 파일 또는 Node 내장 모듈을 불러옴
  • 파일 내용을 읽는 게 아니라, 모듈 전체를 가져와 실행

---

✅ fetch (웹 API)

• 용도: HTTP 요청을 보내서 외부 리소스를 가져올 때 사용
• 사용 환경: 브라우저, 최신 Node.js 환경
• 동작 방식: 비동기적(asynchronous) (Promise 기반)
• 예시:

fetch('https://api.example.com/data')
  .then(res => res.json())
  .then(data => console.log(data));

• 특징:
  • 외부 서버의 데이터를 가져오기 위해 사용
  • JSON, 텍스트, 파일 등 다양한 응답 처리 가능

---

📊 차이점 정리표

구분	require	fetch
목적	모듈/코드 불러오기	서버에서 데이터 불러오기
동작 방식	동기적	비동기적 (Promise 기반)
사용 환경	Node.js (CommonJS)	브라우저, 최신 Node.js
반환값	모듈 객체	Promise (응답 데이터)
대상	로컬 JS/JSON 파일, Node 모듈 등	HTTP를 통해 접근 가능한 외부 자원

---

💬 마무리

require는 코드나 모듈을 불러오는 데 사용되고, fetch는 외부 리소스를 HTTP로 불러오는 데 사용됩니다. 상황에 맞는 기능을 정확히 이해하고 사용하면 개발의 효율을 높일 수 있습니다.

---

📌 결론

require: 최초 한 번 로드 시 사용 (모듈/코드 불러오기)
fetch: 계속 쏠 수 있음 (서버에서 데이터 불러오기)