LHJ

I'm a FE developer.

코드구조파악

03 Nov 2020 » js
// 각페이지별로 적용되는 js코드
(function (container) {
    window.PROJECTNAME.common = window.PROJECTNAME.common || {};

    window.PROJECTNAME.pageName = (function () {
        var variable = document.querySelector(container);
        var childVariable = variable.querySelector("셀렉터")
        return {
            init: function () {
            
            },
            setElement: function () {
            
            },
        }
    })()
})(".page-selector")

아, 이제알거같다.
위는 특정 셀렉터로 제한한다.
페이지 방식에 적합하다.

// common 모든 페이지에서 같이 쓰는 js코드
(function () {
    window.PROJECTNAME = window.PROJECTNAME || {};

    window.PROJECTNAME.pluginName = function (arg1, arg2) {
        var variable = "변수정의";
        this.init();
    }

    window.PROJECTNAME.pluginName.prototype = {
        init: function () {
        
        },
        setElements: function () {
        
        },
    }

    HTMLElement.prototype.pluginName = function () {
        new window.HYFRESH.pluginName(_this, args);
    }

    document.querySelector(".class").myMethod();
})()

위는 위와같이 범용적으로 사용할 수 있게하는 방식이다.

세터

window.PROJECTNAME = window.PROJECTNAME || {};
window.PROJECTNAME.setter = window.PROJECTNAME.setter || {};
window.PROJECTNAME.setter.KEY_NAME = ['All','BEAUTY','LIFE','WOMEN','BABY'];