const math = require('./math');
console.log(math.add(2, 3)); // 5
console.log(math.PI); // 3.14159
console.log(math.square(4)); // 16브라우저 환경에서의 코드 공유
브라우저에서는 여러 JavaScript 파일을 HTML 파일에 <script> 태그로 포함하여 코드를 공유할 수 있습니다.
이 때, 파일의 로드 순서를 잘 맞추는 것이 중요합니다.
예시
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript Module Example</title>
</head>
<body>
<script src="math.js"></script>
<script src="app.js"></script>
</body>
</html>math.js 파일:
const add = (x, y) => x + y;
const PI = 3.14159;
const square = x => x * x;app.js 파일:
console.log(add(2, 3)); // 5
console.log(PI); // 3.14159
console.log(square(4)); // 16Node.js 환경에서의 코드 공유
Node.js에서는 module.exports와 require를 사용하여 파일 간 코드를 공유합니다.
예시
math.js 파일:
const add = (x, y) => x + y;
const PI = 3.14159;
const square = x => x * x;
module.exports = {
add,
PI,
square
};app.js 파일:
요약
- 브라우저: <script> 태그를 사용하여 JavaScript 파일을 포함하고, 순서를 맞추어 정의된 함수와 변수에 접근.
- Node.js: module.exports를 사용하여 특정 함수를 내보내고 require를 사용하여 다른 파일에서 가져옴.
이와 같은 방법으로 JavaScript 파일 간에 코드를 공유할 수 있습니다.
브라우저와 Node.js의 차이점을
'IT > 웹 개발' 카테고리의 다른 글
| Git Bash 기본 명령어 정의 (0) | 2024.10.15 |
|---|---|
| "Cannot find module 'express' 에러 대처법 (0) | 2024.10.15 |
| Option useNewUrlParser is not supported 에러 해결 (0) | 2024.09.22 |
| Nodemon App Crashed 해결 (0) | 2024.09.22 |
| 템플레이팅으로 동적 HTML 구성하기 (2) | 2024.07.23 |