Web Tech/RequireJS 검색 결과

해당 글 5건

MVC requireJS - 자바스크립트 모듈 로더

개요 웹 개발자라면 흔히 파일 하나로 자바스크립트 코드를 작성하곤 합니다. 그리고 그 코드가 점점 커져서 나중에는 수정하는 것은 물론이고 유지보수시에도 정말 어려워집니다. 이런 문제의 해결하기 위해서 코드를 여러 파일로 쪼갤 수 있습니다. 하지만 그러면 script 태그가 많아지고 다른 파일에서 정의한 함수를 조회하기 위한 글로벌 변수가 많아지게 됩니다. 그래서 글로벌 네임스페이스는 지저분해지고, 추가한 js 파일들의 HTTP 요청이 네트워크 대역폭을 차지해서 정작 해당 페이지의 로딩은 느려지게 될 것입니다. 이런 일을 겪었다면 프런트 앤드 코드를 뭔가 다른 방법으로 관리해야 겠다는 필요성을 느끼게 됩니다. 특히 자바스크립트가 수천 라인이 넘는 대형 사이즈의 웹 앱을 제작해야 한다면 더욱 그렇습니다. 유..
Web Tech/RequireJS 2016. 1. 27. 09:44

RequireJS 의 모듈

requireJS 모듈 정의와 호출 Javascript는 사용하기 편한만큼 편함에 너무 의존하다보면 돌이킬 수 없는 스파게티 코드나 중복 코드 발생이 많아질 수 있어, 모듈 프로그래밍이 필요합니다. RequireJS는 이러한 경우의 한 대안이 될 수 있습니다. RequireJS를 사용하면 모듈 생성/호출 등 관리를 통해 좀 더 체계적인 프로그래밍을 가능하게 해 주며, 브라우저 지원 또한 IE 6 이상 지원합니다. RequireJS에서 모듈 정의/호출에 사용되는 함수 - 모듈 정의 Module Define - 모듈 호출 Module Require 모듈 정의 / 호출 방식은 다음과 같습니다. javascript /** * -------------------------------------- * 모듈 정의 *..
Web Tech/RequireJS 2016. 1. 25. 13:54

RequireJS - module loader(모듈 로더)

JS 모듈 관리(Javascript Modules Management) RequireJS 는 자바스크립트 파일/모듈 로더입니다. 브라우저 환경에서 최적화되어 있으나 Node 와 같은 다른 자바스크립트 환경에서도 사용될 수 있습니다. 그렇다면 모듈 로더는 무엇인가?! JAVA 나 그 밖의 다른 서버사이드 언어는 파일을 include 하여 사용할 수 있으나 자바스크립트 자체로는 file01.js 파일로부터 다른 file02.js 파일을 include 할 수 있는 방법이 없습니다. 하지만 이를 해결할 수 있는 여러가지 방법이 존재하고 있으며 이러한 방법을 통해 자바스크립트 파일들 서로 간에 의존성/종속성 관리를 할 수 있습니다. 여러가지 방법 중의 하나인 RequireJS 와 같은 모듈 방식의 스크립트 로더를..
Web Tech/RequireJS 2016. 1. 25. 13:40

RequireJS - AMD의 이해와 개발

AMD 방식의 RequireJSJavaScript 개발은 웹 사이트의 규모가 커질수록 소스를 관리하고 배포하는 비용이 커지는 경향이 있습니다. 또한 오래된 소스의 의존성 파악이 어려워 섣불리 수정하지 못하는 상황에 처하기도 합니다. 더 나은 웹 사이트 혹은 웹앱을 위해서는 해결해야 할 과제이며, 이는 RequireJS를 사용하여 라이브러리 차원에서 보완할 수 있습니다. 이 글에서는 RequireJS의 바탕이 되는 AMD(Asynchronous Module Definition)의 기본 개념을 살펴보고 RequireJS를 이용한 개발 가이드를 제시합니다. AMDAMD는 동적 로딩, 의존성 관리, 모듈화가 톱니바퀴처럼 아름답게 맞물린 API 디자인 패턴을 제시합니다. AMD의 자세한 배경과 연관 기술에 관해서..
Web Tech/RequireJS 2015. 6. 11. 13:48

javaScript 모듈의 양대 산맥,CommonJS vs AMD

JavaScript 표준을 위한 움직임 : CommonJS 와 AMD 범용적인 목적으로 JavaScript를 사용하기 위해 필요한 선결 조건은 모듈화입니다. Node.js도 이런 모듈화 작업때문에 탄생할 수 있었습니다. JavaScript 모듈화 작업의 선두 주자는 CommonJS와 AMD입니다. 이글에서는 CommonJS와 AMD의 JavaScript 모듈화에 대해 간략하게 설명합니다. CommonJSCommonJS(http://www.commonjs.org/)는 JavaScript를 브라우저에서뿐만 아니라, 서버사이드 애플리케이션이나 데스크톱 애플리케이션에서도 사용하려고 조직한 자발적 워킹 그룹이다. CommonJS의 'Common'은 JavaScript를 브라우저에서만 사용하는 언어가 아닌 일반적인..
Web Tech/RequireJS 2015. 6. 11. 11:46