예전에는 “소스코드를 뭐하러 나누지? 괜히 왔다갔다 불편하지 않나?” 이런 생각을 했었는데 그때는 코드가 길어봐야 1000줄 이내였기에 버틸 수 있었다. 무슨 기능을 만들었는지 다 기억도 하고있고 한 파일에 있어야 검색하는게 편리했다. 하지만 이제는 코드를 최대한 알아볼 수 있게 부분부분 나눠서 수정할 부분이 생기면 나눠진 코드에서 찾는다.

위와같은 이유도 있고 HTML 내에서는 JS 파일을 하나만 호출하지만 호출한 JS 파일에서 다른 JS를 호출하여 묶어주면 편리할 것 같다는 생각으로 include와 같은 기능이 없는지 찾아보았다. 별도로 만들어져 있는 것은 없는 것 같다. 아래와 같이 코드를 직접 적어야 한다.


index.html

1
2
3
4
<head>
    <meta charset="UTF-8">
    <script src="main.js" type="text/javascript"></script>
</head>


main.js

1
2
3
4
5
6
7
8
9
function include(FileDir) {
    var includejs = document.createElement("script");
    includejs.type = "text/javascript";
    includejs.src = FileDir;
    document.head.appendChild(includejs);
}

include("src/var.js");
include("src/func.js");

include 경로는 상대경로로 지정해주면 된다. 그리고 필자가 사용한 스크립트 코드는 스크립트 내에서 준비가 완료되면 사용되도록 하였기에 head에 삽입하지만 대부분의 문서에서는 body아래에서 스크립트를 호출하는 것을 권장하고 있다.

WRITTEN BY

배진오

소비적인 일보단 생산적인 일을 추구하며, 좋아하는 일을 잘하고 싶어합니다 :D
im@baejino.com

comments powered by Disqus