본문 바로가기

모듈화2

javascript 모듈화 방법과 예시 자바스크립트 모듈 작성시 코드 순서 Javascript로 SPA(Sing Page Application)를 구현할 때, 다음과 같은 순서의 코드로 모듈을 작성하게 되면 협업하는 개발자들에게 집약되고 일관된 코드를 제공하여 많은 도움이 될 것입니다. 여기서 잠깐 SPA 란? 최초 한 번 페이지 전체를 로딩한 후 데이터만 변경하여 사용할 수 있는 애플리케이션을 의미 이렇게 코드의 순서를 정하는 이유는 집약되고 일관된 코드를 제공하는데 있으므로 코드의 순서는 개발상황과 모듈용도에 맞춰가며 조정하고 추가 및 삭제될 수도 있습니다. 아래 순서는 단지 코드작성 순서의 예일뿐입니다. 모듈 스코프 내에서 사용할 변수 작성 유틸리티 메소드 작성 DOM 조작 메소드 작성 이벤트 핸들러 작성 Public 메소드 작성 // .. 2020. 12. 23.
javascript 라이브러리 모듈화 코딩기법 javascript는 하면 할수록 어려운것 같네요. 머리 진짜 좋은 사람들 많아요. 아래는 javascript 모듈화 패턴 및 코딩기법에 대한 예제 입니다. jQuery, Backbone, underscore, requireJs 등 많은 자바스크립트 라이브러리나 프레임워크가 아래와 같은 코딩기법을 사용하고 있어요. /** * Library 모듈화를 위한 코딩기법 1 * call 함수 이용 */ (function() { 'use strict'; var root = this; var version = '1.0'; var Module1; if(typeof exports !== 'undefined') { Module1 = exports; } else { Module1 = root.Module1 = {}; } M.. 2020. 12. 23.