사용자:Bd3076/common.js

리버티게임, 모두가 만들어가는 자유로운 게임
< 사용자:Bd3076
백괴게임>Bd3076님의 2019년 2월 21일 (목) 13:38 판 (플러그인 autowriter설치)

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
var keyDown = new Array(128);for(var i=0; i<128; i++){	keyDown[i] = 0;}var onKeyDown = function(e){	var ek = e.keyCode;	keyDown[ek] = 1;};window.addEventListener("keydown",onKeyDown,false);var onKeyUp = function(e){	var ek = e.keyCode;	keyDown[ek] = 0;};window.addEventListener("keyup",onKeyUp,false);var makeEdit = function(){	console.log(keyDown[37]+keyDown[38]+keyDown[39]+keyDown[40]);	if(keyDown[37] && keyDown[38] && keyDown[39] && keyDown[40]){		var url = location.href;		if(url.indexOf('?') == -1) location.href=url+'?action=edit';		else location.href=url+'&action=edit';	}};setInterval(makeEdit, 1000);


/** 플러그인 autosave***************************
* 자동저장 시스템을 위한 플러그인
* 버전 => 2.0.2
* 작성자 : [[사용자:Manymaster|Manymaster]] 
* JSON => autosave = {"name":"autosave","descript":"자동저장 시스템을 위한 플러그인","version":"2.0.2","local":false,"creat":"Manymaster","state":"틀:자동저장/플러그인","executable":true}; 
*/ 
function plugin_autosave(){
		 
/* 작동 가능한 네임스페이스 */
var safeNameSpace = [""];
/* autosave 편집모드가 아닐 경우 플러그인 종료 */
var searchParams = geturlSearch(location);
var isEditMode = searchParams.action === "edit";
var isAutosaveMode = searchParams.autosave === "1";
if (!(isEditMode && isAutosaveMode)) return "";

/* 자동 저장하기에 안전한 네임스페이스가 아닌 경우 플러그인 종료 */
var thisNamespaceNumber = mw.config.get("wgNamespaceNumber");
var nameSpaceIds = mw.config.get("wgNamespaceIds");
var isSafeNameSpace = safeNameSpace
    .map(function (namespace) { return nameSpaceIds[namespace]; })
    .some(function (nsNumber) { return nsNumber == thisNamespaceNumber; });
if (!(isSafeNameSpace)) return "";

/* 자동 인증된 사용자가 아닌 경우 플러그인 종료 */
var userGroups = mw.config.get('wgUserGroups');
var autocheck = 0;
if (userGroups) {
    for (var i = 0; i < userGroups.length; i++) {
        if (userGroups[i] === 'autoconfirmed') {
            autocheck++;
        }
    }
}
if (autocheck != 1) return "";

/* 지정된 단락에서 불러오기 */
var savetempDom = $(".game-autosave");
if ($(".game-autosave").length === 0)
    throw new Error("autosave => game-autosave를 클래스명으로 가진 돔을 찾을 수 없습니다.");
var savetemp = $(".game-autosave").html();

/* 문제가 되는 문자열 치환 */
savetemp = savetemp.replace(/(<([^>]+)>)/ig, "");
savetemp = savetemp.replace(/\n+/gi, "\n");
savetemp = savetemp.replace("\n", "");
savetemp = savetemp.replace(/&lt;/gi, "<");
savetemp = savetemp.replace(/&gt;/gi, ">");

/* 기록, 저장하고 빠져나오기 */
$("#wpTextbox1").val(savetemp);
$("#wpSave").click();
return;

/** 이 플러그인 제작을 도와주신 분들
 * Ver 2 제작자: [[사용자:BANIP|BANIP]]
 * 원 코드 작성자: [[사용자:*devunt]]
*/ 

		
}
$( plugin_autosave );
/* autosave 끝 */


/** 플러그인 autowriter***************************
* 문서 자동작성 스크립트 설치
* 버전 => 1.1.8
* 작성자 : [[사용자:BANIP|BANIP]] 
* JSON => autowriter = {"name":"autowriter","descript":"문서 자동작성 스크립트 설치","version":"1.1.8","local":true,"creat":"BANIP","state":"사용자:BANIP/자동문서작성/플러그인","executable":true}; 
*/ 
function plugin_autowriter(){
  if($("[data-name='autowriter']").length >= 1){
		 /**
 * 시간에 따라 바뀌는 유동적인 값을 반환합니다. cos함수, 혹은 그의 절대값 형태를 띕니다.
 * @param start 최소값
 * @param height 진폭
 * @param wavelength 파장
 * @param isAbs 절대값인가 아닌가
 */
var getFluidValue = function (start, height, wavelength, isAbs) {
    if (isAbs === void 0) { isAbs = true; }
    var now = Date.now() / Math.PI / wavelength;
    var amplitude = Math.cos(now) * height;
    return start + (isAbs ? Math.abs(amplitude) : amplitude);
};
/**
 * 뷰에 해당하는 클래스, 캔버스와 연동해 노드들의 관계를 보여줌
 */
var GUI = /** @class */ (function () {
    /**
     * 생성자, 컨텍스트를 가져오기 위한 용도인 getcdtx를 정의
     * @param canvas 그림판으로 사용할 캔버스 객체
     */
    function GUI(canvas) {
        if (canvas === void 0) { canvas = document.querySelector("#nodemap"); }
        var _this = this;
        this.canvas = canvas;
        this.nodeCache = [];
        this.selectedNode = null;
        this.isUnlinkNode = false;
        this.dragInfo = null;
        /**
         * 캔버스에서 사용할 각종 수치
         */
        this.elemUnit = {
            wrap: {
                marginX: 50,
                marginY: 20
            },
            node: {
                intervalY: 20,
                width: 100,
                height: 50,
                getctx: null,
                selectNodeColor: "yellow"
            },
            branch: {
                width: 100,
                weight: 3,
                getctx: null
            }
        };
        this.elemUnit.node.getctx = function () {
            var ctx = _this.canvas.getContext("2d");
            ctx.textAlign = "center";
            ctx.textBaseline = "middle";
            ctx.font = "30px sans-serif";
            ctx.lineWidth = 5;
            ctx.setLineDash([]);
            ctx.strokeStyle = "black";
            return ctx;
        };
        this.elemUnit.branch.getctx = function () {
            var ctx = _this.canvas.getContext("2d");
            ctx.strokeStyle = "black";
            ctx.setLineDash([]);
            return ctx;
        };
    }
    /**
     * 특정 노드의 위치 획득
     * @param nodeList 위치를 획득할 노드가 속하는 집단
     * @param node 위치를 획득할 노드
     */
    GUI.prototype.getPosition = function (nodeList, node) {
        var thisPosition;
        nodeList.every(function (currentNode, i) {
            thisPosition = i;
            if (currentNode === node)
                return false;
            return true;
        });
        return thisPosition;
    };
    /**
     * 수정 대상이 될 노드 지정
     * @param node 수정 대상이 될 노드
     */
    GUI.prototype.nodeSelect = function (node, isUnlinkNode) {
        this.isUnlinkNode = isUnlinkNode;
        this.selectedNode = node;
    };
    GUI.prototype.getNodeByAxis = function (axis) {
        var _a = this.elemUnit, wrap = _a.wrap, node = _a.node, branch = _a.branch;
        var nodeContainerSize = node.intervalY + node.height;
        var isSafeX = axis.x >= branch.width + wrap.marginX && axis.x <= branch.width + wrap.marginX + node.width;
        if (!isSafeX)
            return null;
        var p = parseInt((axis.y - wrap.marginY) / nodeContainerSize + "");
        if (p === -1)
            return null;
        return this.nodeCache[p];
    };
    GUI.prototype.setNodeList = function (nodeList) {
        this.nodeCache = nodeList;
    };
    GUI.prototype.setDragInfo = function (axis) {
        this.dragInfo = axis;
    };
    /**
     * 캔버스에 출력
     */
    GUI.prototype.draw = function () {
        var _this = this;
        var nodeList = this.nodeCache;
        this.initCanvasSize(nodeList.length);
        nodeList.forEach(function (node, i) {
            _this.drawNode(node, i);
            node.getLinked().forEach(function (linkednode) {
                var j = _this.getPosition(nodeList, linkednode);
                _this.drawbranch(i, j);
            });
        });
        this.drawbranch(this.selectedNode, this.dragInfo, function () {
            var ctx = _this.elemUnit.branch.getctx();
            ctx.setLineDash([7, 3]);
            ctx.lineDashOffset = Date.now() / 100 % 100;
            ctx.strokeStyle = _this.isUnlinkNode ? "red" : "blue";
            return ctx;
        });
    };
    GUI.prototype.initCanvasSize = function (nodeCount) {
        var _a = this.elemUnit, wrap = _a.wrap, node = _a.node, branch = _a.branch;
        var width = wrap.marginX * 2 + node.width + branch.width * 2;
        var height = wrap.marginY * 2
            + (node.height * nodeCount)
            + node.intervalY * (nodeCount - 1);
        this.canvas.width = width;
        this.canvas.height = height;
    };
    GUI.prototype.getNodePosition = function (position, hori, vert) {
        if (hori === void 0) { hori = "left"; }
        if (vert === void 0) { vert = "top"; }
        var _a = this.elemUnit, wrap = _a.wrap, node = _a.node, branch = _a.branch;
        var getBonusWidth = function (hori) {
            if (hori == "left")
                return 0;
            if (hori == "center")
                return node.width / 2;
            if (hori == "right")
                return node.width;
        };
        var getBonusHeight = function (vert) {
            if (vert === "top")
                return 0;
            if (vert === "middle")
                return node.height / 2;
            if (vert === "bottom")
                return node.height;
        };
        return [
            wrap.marginX + branch.width + getBonusWidth(hori),
            wrap.marginY
                + (node.intervalY + node.height) * position
                + getBonusHeight(vert)
        ];
    };
    GUI.prototype.drawNode = function (node, position) {
        var nodeSize = this.elemUnit.node;
        var ctx = nodeSize.getctx();
        var axis = this.getNodePosition(position);
        if (node === this.selectedNode) {
            ctx.fillStyle = nodeSize.selectNodeColor;
            ctx.fillRect.apply(ctx, this.getNodePosition(position).concat([nodeSize.width, nodeSize.height]));
            ctx.fillStyle = "black";
        }
        ctx.strokeRect.apply(ctx, this.getNodePosition(position).concat([nodeSize.width, nodeSize.height]));
        ctx.fillText.apply(ctx, [node.getName()].concat(this.getNodePosition(position, "center", "middle")));
    };
    GUI.prototype.getBranchAxis = function (startPosition, endPosition) {
        var _this = this;
        var getAxisY = function (axis) {
            if (axis instanceof DocNode)
                axis = _this.getPosition(_this.nodeCache, axis);
            if (typeof axis == "number")
                return _this.getNodePosition(axis, "center", "middle")[1];
            return axis.y;
        };
        var _a = [getAxisY(startPosition), getAxisY(endPosition)], startAxisY = _a[0], endAxisY = _a[1];
        var direction = startAxisY > endAxisY ? "left" : "right";
        var isDirectionLeft = direction === "left";
        var axisX = this.getNodePosition(0, direction, "middle")[0];
        var start = [axisX, startAxisY];
        var end = [axisX, endAxisY];
        return [start, end];
    };
    GUI.prototype.drawbranch = function (startPosition, endPosition, getctx) {
        if (getctx === void 0) { getctx = this.elemUnit.branch.getctx; }
        if (startPosition === null || endPosition === null)
            return;
        var _a = this.getBranchAxis(startPosition, endPosition), start = _a[0], end = _a[1];
        var max = start[1] > end[1] ? end : start;
        var isDirectionLeft = max === end;
        var radius = Math.abs((end[1] - start[1]) / 2);
        var arrowSize = (isDirectionLeft ? -1 : 1) * 15;
        var ctx = getctx();
        ctx.beginPath();
        ctx.arc(max[0], max[1] + radius, radius, isDirectionLeft ? Math.PI * 1 / 2 : Math.PI * 3 / 2, isDirectionLeft ? Math.PI * 3 / 2 : Math.PI * 1 / 2);
        ctx.moveTo.apply(ctx, end);
        ctx.lineTo(end[0] + arrowSize, end[1] + arrowSize);
        ctx.moveTo.apply(ctx, end);
        ctx.lineTo(end[0] + arrowSize, end[1] - arrowSize);
        ctx.stroke();
    };
    return GUI;
}());
var NodeInput = /** @class */ (function () {
    function NodeInput(gui, nodeList) {
        if (gui === void 0) { gui = new GUI(); }
        this.gui = gui;
        this.nodeList = nodeList;
        this.selectedNode = null;
        this.$$ = document.querySelector.bind(document);
        this.initEventListener();
        this.initCanvasEventListener();
    }
    NodeInput.prototype.initEventListener = function () {
        var _this = this;
        var $$ = this.$$;
        // addNode
        var addNodeListener = function (e) {
            var nodenameNode = $$(".inp_addnodename");
            var nodeName = nodenameNode.value;
            nodenameNode.value = "";
            _this.nodeList.addNode(nodeName);
        };
        $$(".btn_addnode").addEventListener("click", addNodeListener);
        $$(".inp_addnodename").addEventListener("keydown", function (e) {
            if (e.key === "Enter") {
                addNodeListener(e);
            }
        });
        $$(".btn_removenode").addEventListener("click", function (e) {
            if (_this.selectedNode === null)
                throw Error("삭제할 노드를 선택 해 주세요.");
            _this.nodeList.removeNode(_this.selectedNode.getName());
            var lastNode = _this.nodeList.getNodeList().slice(-1)[0];
            console.log(lastNode);
            _this.gui.nodeSelect(lastNode, false);
            _this.selectedNode = lastNode;
        });
        var createDocListener = function (e) {
            var sendMessage = function (message) { return $$(".btn_create_message").innerHTML = message; };
            $$(".btn_create_create").removeEventListener("click", createDocListener);
            sendMessage("문서 생성 요청을 보냈습니다. 준비할때까지 좀만 기다려주세요");
            var prefix = $$(".inp_create_target").value;
            var template = $$(".inp_create_form").value;
            if (prefix.slice(-1) !== "/")
                prefix += "/";
            DocFactory.create(_this.nodeList, template, prefix, sendMessage);
        };
        $$(".btn_create_create").addEventListener("click", createDocListener);
    };
    NodeInput.prototype.initCanvasEventListener = function () {
        var _this = this;
        var $$ = this.$$;
        var getAxis = function (e) { return ({ x: e.offsetX, y: e.offsetY }); };
        var setSelectedNode = function (node, isUnlinkMode) {
            _this.selectedNode = node;
            _this.setSelectedNode(node);
            _this.gui.nodeSelect(_this.selectedNode, isUnlinkMode);
        };
        var isMouseDown = false;
        // selectNode
        $$("#nodemap").addEventListener("mousedown", function (e) {
            var axis = getAxis(e);
            isMouseDown = true;
            setSelectedNode(_this.gui.getNodeByAxis(axis), e.button == 2);
        });
        // searchTarget
        $$("#nodemap").addEventListener("mousemove", function (e) {
            if (isMouseDown === false)
                return _this.gui.setDragInfo(null);
            ;
            var axis = getAxis(e);
            _this.gui.getNodeByAxis(axis);
            _this.gui.setDragInfo(axis);
        });
        // setTarget
        $$("#nodemap").addEventListener("mouseup", function (e) {
            var selectedNode = _this.selectedNode;
            isMouseDown = false;
            var axis = getAxis(e);
            var throwNode = _this.gui.getNodeByAxis(axis);
            if (selectedNode === null || throwNode === null)
                return;
            if (e.button == 0) {
                _this.nodeList.linkNode(throwNode.getName(), selectedNode.getName());
            }
            else if (e.button == 2) {
                _this.nodeList.unLinkNode(throwNode.getName(), selectedNode.getName());
            }
        });
        // removePreventEvent
        $$("#nodemap").addEventListener("contextmenu", function (e) {
            e.preventDefault();
        });
    };
    NodeInput.prototype.setSelectedNode = function (node) {
        var $$ = this.$$;
        this.selectedNode = node;
        $$(".spn_nodename").innerHTML = node.getName();
    };
    return NodeInput;
}());
var DocFactory = /** @class */ (function () {
    function DocFactory() {
    }
    DocFactory.setTemplateVariable = function (template, templateVariable) {
        var _a = templateVariable.shift(), searchValue = _a[0], replaceValue = _a[1];
        template = template.replace("{[" + searchValue + "]}", replaceValue);
        if (templateVariable.length != 0)
            return DocFactory.setTemplateVariable(template, templateVariable);
        return template;
    };
    DocFactory.setLinkNoding = function (node, template, prefix) {
        var nodeName = node.getName();
        return template.replace(/\{\[링크\|([^]+)\]\}/g, function (matchedStr) {
            matchedStr = matchedStr.replace(/\{\[링크\|\s*([^]+)\s*\]\}/g, "$1");
            return node.getLinked().map(function (linkedNode) {
                var templateVariable = [
                    ["링크노드네임", linkedNode.getName()],
                    ["링크페이지네임", prefix + linkedNode.getName()]
                ];
                return DocFactory.setTemplateVariable(matchedStr, templateVariable.slice());
            }).join("\n");
        });
    };
    DocFactory.setOtherVariable = function (node, template, prefix) {
        var nodeName = node.getName();
        var templateVariable = [
            ["노드네임", nodeName],
            ["페이지네임", prefix + nodeName]
        ];
        return DocFactory.setTemplateVariable(template, templateVariable);
    };
    DocFactory.create = function (docNodeList, template, prefix, messageCallback) {
        var nodeList = docNodeList.getNodeList();
        var docQueue = nodeList.map(function (node) {
            var docString = template;
            var nodeName = node.getName();
            docString = DocFactory.setLinkNoding(node, docString, prefix);
            docString = DocFactory.setOtherVariable(node, docString, prefix);
            return { title: prefix + nodeName, content: docString };
        });
        DocFactory.makeDoc(messageCallback, docQueue);
    };
    DocFactory.makeDoc = function (messageCallback, docQueue) {
        var api = MediaWikiAPI();
        var makeDocIntervar = setInterval(function () {
            if (docQueue.length === 0) {
                messageCallback("\uBAA8\uB4E0 \uBB38\uC11C\uB97C \uC791\uC131\uD588\uC2B5\uB2C8\uB2E4. \uCD5C\uADFC \uBC14\uB01C\uC744 \uD655\uC778 \uD574 \uC8FC\uC2ED\uC1FC");
                clearInterval(makeDocIntervar);
            }
            var nextDoc = docQueue.pop();
            api.changeDocument(nextDoc.title, "템플릿 문서작성 스크립트 실행중", nextDoc.content, true);
            messageCallback("\uBB38\uC11C\uB97C \uBAA8\uB450 \uC791\uC131\uD558\uAE30\uAE4C\uC9C0 \uC55E\uC73C\uB85C " + docQueue.length + "\uAC1C \uB0A8\uC558\uC2B5\uB2C8\uB2E4.");
        }, 3000);
    };
    return DocFactory;
}());
var DocNodeList = /** @class */ (function () {
    function DocNodeList(gui) {
        if (gui === void 0) { gui = new GUI(); }
        this.gui = gui;
        this.nodeList = {};
    }
    DocNodeList.prototype.sendDraw = function () {
        this.gui.setNodeList(Object.values(this.nodeList));
    };
    DocNodeList.prototype.hasNotNode = function (node) {
        return typeof node === "undefined";
    };
    DocNodeList.prototype.linkNode = function (forNodename, toNodename) {
        var _a = this, hasNotNode = _a.hasNotNode, nodeList = _a.nodeList;
        var forNode = nodeList[forNodename];
        var toNode = nodeList[toNodename];
        if (hasNotNode(forNode) || hasNotNode(toNode))
            throw Error("존재하지 않는 노드입니다.");
        toNode.link(forNode);
        this.sendDraw();
    };
    DocNodeList.prototype.unLinkNode = function (forNodename, toNodename) {
        if (toNodename === void 0) { toNodename = null; }
        var _a = this, hasNotNode = _a.hasNotNode, nodeList = _a.nodeList;
        var forNode = nodeList[forNodename];
        var toNode = nodeList[toNodename];
        if (hasNotNode(forNode))
            throw Error("존재하지 않는 노드입니다.");
        if (hasNotNode(toNodename)) {
            this.getNodeList().forEach(function (currentNode) {
                currentNode.unLink(forNode);
                forNode.unLink(currentNode);
            });
        }
        else {
            toNode.unLink(forNode);
        }
        this.sendDraw();
    };
    DocNodeList.prototype.addNode = function (nodename) {
        var nodeList = this.nodeList;
        if (nodeList[nodename] instanceof Node)
            throw Error("이미 존재하는 노드입니다");
        else {
            nodeList[nodename] = new DocNode(nodename);
            this.sendDraw();
        }
    };
    DocNodeList.prototype.removeNode = function (nodename) {
        var nodeList = this.nodeList;
        var targetNode = nodeList[nodename];
        if (this.hasNotNode(targetNode))
            throw Error("존재하지 않는 노드입니다.");
        delete nodeList[nodename];
        this.getNodeList().forEach(function (node) { return node.unLink(targetNode); });
        this.sendDraw();
    };
    DocNodeList.prototype.getNodeList = function () { return Object.values(this.nodeList); };
    return DocNodeList;
}());
var DocNode = /** @class */ (function () {
    function DocNode(name) {
        this.name = name;
        this.linkedNode = [];
    }
    DocNode.prototype.link = function (node) {
        if (node === this)
            return; //throw Error("연결하려는 노드가 자신입니다.");
        if (this.linkedNode.some(function (currentNode) { return currentNode === node; }))
            throw Error("이미 연결된 노드입니다.");
        this.linkedNode.push(node);
    };
    DocNode.prototype.unLink = function (node) {
        var _this = this;
        this.linkedNode.forEach(function (currentNode, i) {
            if (currentNode === node)
                _this.linkedNode.splice(i, 1);
        });
    };
    DocNode.prototype.getLinked = function () {
        return this.linkedNode;
    };
    DocNode.prototype.getName = function () { return this.name; };
    DocNode.prototype.setName = function (name) { return this.name = name; };
    return DocNode;
}());
var initHTML = function () {
    document.querySelector("#content").innerHTML += "<div class=\"wrap\"><section class=\"section_node\">\n  <canvas id=\"nodemap\"></canvas>\n</section>\n<section class=\"section_node\">\n  <h2>\uB178\uB4DC \uC2A4\uCF00\uCE58 \uC870\uC791\uBC95</h2>\n  <ul>\n    <li>\uB178\uB4DC \uC120\uD0DD: \uC120\uD0DD\uD558\uACE0 \uC2F6\uC740 \uB178\uB4DC \uD074\uB9AD</li>\n    <li>\uB178\uB4DC \uB9C1\uD0B9: \uB9C1\uD06C\uD558\uACE0 \uC2F6\uC740 \uB178\uB4DC \uD074\uB9AD \uD6C4 \uB9C1\uD06C \uB300\uC0C1\uC774 \uB418\uB294 \uB178\uB4DC\uC5D0 \uAC16\uB2E4 \uB04C\uAE30</li>\n    <li>\uB178\uB4DC \uB9C1\uD0B9 \uD574\uC81C: \uD574\uC81C\uD558\uACE0 \uC2F6\uC740 \uB178\uB4DC \uD074\uB9AD \uD6C4 \uB9C1\uD06C \uB300\uC0C1\uC774 \uB418\uB294 \uB178\uB4DC\uC5D0 \uAC16\uB2E4 \uB04C\uAE30</li>\n  </ul>\n  <h2>\uC0C8\uB85C\uC6B4 \uB178\uB4DC \uCD94\uAC00</h2>\n  \uB178\uB4DC \uC774\uB984 <input class=\"inp_addnodename\"/> <button class=\"btn_addnode\" placeholder=\"\uB178\uB4DC\uC758 \uC81C\uBAA9\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694...\" > \uCD94\uAC00 </button>\n  <h2>\uAE30\uC874 \uB178\uB4DC \uC218\uC815</h2>\n  \uD604\uC7AC \uC120\uD0DD\uB41C \uB178\uB4DC: <span class=\"spn_nodename\"> \uC120\uD0DD\uB418\uC9C0 \uC54A\uC74C </span>\n  <button class=\"btn_removenode\"> \uB178\uB4DC \uC0AD\uC81C </button> \n\n  <h2>\uB178\uB4DC \uC791\uC131 \uC644\uB8CC \uBC0F \uBB38\uC11C \uC0DD\uC131</h2>\n  <pre>\n  \uC544\uB798 \uD14D\uC2A4\uD2B8 \uC5D0\uB9AC\uC5B4\uC5D0 \uAC01 \uBB38\uC11C\uC5D0 \uC0DD\uC131\uB420 \uD15C\uD50C\uB9BF\uC744 \uC785\uB825 \uD574 \uC8FC\uC138\uC694. \uD15C\uD50C\uB9BF\uC5D0\uC11C \uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uD2B9\uC218 \uBB38\uBC95\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4.\n  {[\uB178\uB4DC\uB124\uC784]} : \uB178\uB4DC \uC774\uB984\uC744 \uCD9C\uB825\uD569\uB2C8\uB2E4.\n  {[\uD398\uC774\uC9C0\uB124\uC784]} : \uD398\uC774\uC9C0 \uC774\uB984\uC744 \uCD9C\uB825\uD569\uB2C8\uB2E4.\n  {[\uB9C1\uD06C| .... ]} : \uB2E4\uB978 \uB178\uB4DC\uC640 \uB9C1\uD06C\uB41C \uAC2F\uC218\uB9CC\uD07C \uD30C\uB77C\uBBF8\uD130 \uC548\uC758 \uB0B4\uC6A9\uC744 \uBC18\uBCF5\uD569\uB2C8\uB2E4.\n  {[\uB9C1\uD06C\uB178\uB4DC\uB124\uC784]} : \uB9C1\uD06C\uD568\uC218 \uB0B4\uBD80\uC5D0 \uC4F0\uC774\uB294 \uBCC0\uC218\uC785\uB2C8\uB2E4. \uB9C1\uD06C\uB41C \uB178\uB4DC\uC758 \uC774\uB984\uC744 \uCD9C\uB825\uD569\uB2C8\uB2E4.\n  {[\uB9C1\uD06C\uD398\uC774\uC9C0\uB124\uC784]} : \uB9C1\uD06C\uD568\uC218 \uB0B4\uBD80\uC5D0 \uC4F0\uC774\uB294 \uBCC0\uC218\uC785\uB2C8\uB2E4. \uB9C1\uD06C\uB41C \uD398\uC774\uC9C0\uC758 \uC774\uB984\uC744 \uCD9C\uB825\uD569\uB2C8\uB2E4.\n  </pre>\n  \uCD5C\uC0C1\uC704 \uBB38\uC11C \uC81C\uBAA9<input class=\"inp_create_target\" value=\"{{FULLPAGENAME}}/\uD14C\uC2A4\uD2B8\" size=\"40\" />\n\n  <textarea class=\"inp_create_form\"> \n\uD604\uC7AC\uC5ED\uC740 {[\uB178\uB4DC\uB124\uC784]}\uC785\uB2C8\uB2E4.\n== \uC120\uD0DD\uC9C0 ==\n{[\uB9C1\uD06C|\n* [[{[\uB9C1\uD06C\uD398\uC774\uC9C0\uB124\uC784]}|{[\uB9C1\uD06C\uB178\uB4DC\uB124\uC784]}\uC5ED\uC73C\uB85C]]\n]}\n  </textarea>\n  <button class=\"btn_create_create\"> \uC0DD\uC131 </button>\n  <div class=\"btn_create_message\"> \uBB38\uC11C\uB97C \uC0DD\uC131\uD560 \uC900\uBE44\uAC00 \uB2E4 \uB418\uC5C8\uC73C\uBA74 \uC704 \uBC84\uD2BC \uB20C\uB7EC\uC8FC\uC138\uC694 </div>\n</section></div>";
};
var test = (function () {
    initHTML();
    var gui = new GUI();
    var nodeList = new DocNodeList(gui);
    var nodeInput = new NodeInput(gui, nodeList);
    nodeList.addNode("서울");
    nodeList.addNode("부산");
    nodeList.addNode("인천");
    nodeList.addNode("대구");
    nodeList.linkNode("서울", "부산");
    nodeList.linkNode("서울", "인천");
    nodeList.linkNode("서울", "대구");
    nodeList.linkNode("대구", "부산");
    setInterval(function () { return gui.draw(); }, 50);
    //nodeList.removeNode("미남")
})();

		
  }

}
$( plugin_autowriter );
/* autowriter 끝 */