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

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


INDES.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

배진오

하고싶은 건 다 하면서 사는게 목표
im@baejino.com

comments powered by Disqus