티스토리 뷰

Front-End

Javascript 모듈

on1ystar 2019. 7. 2. 16:27
728x90
반응형

본 내용은 생활코딩 이고잉님의 강의 (https://www.opentutorials.org/)를 듣고 개인적인 공부를 위해 기록한 것입니다.

 

자바스크립트에서는 진정한 의미의 모듈이라는 요소를 제공하지는 않는다. 하지만 자바스크립트가 동작하는 호스트 환경(Node.js, Web browser 등)에 따라 모듈을 다양한 방법으로 구현할 수 있다.

 

웹 브라우저 환경에서 다른 js 파일 불러오기

sample.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="greeting.js">// 이 부분에 src 속성에 주어진 파일의 내용이 들어온다.</script>
    <title>Document</title>
</head>
<body>
    <script>
        alert(welcome());
    </script>
</body>
</html>

greeting.js

function welcome(){
    return 'Hello world'
}

 

추후에 공부해야할 라이브러리 : jquery

728x90
반응형

'Front-End' 카테고리의 다른 글

Javascript 객체  (0) 2019.07.02
Javascript 배열의 메소드  (0) 2019.06.27
Javascript 함수 선언  (0) 2019.06.27
Javascript === 연산자, null 과 undefined  (0) 2019.06.27
Javascript 변수  (0) 2019.06.27
댓글