framework
-
[AngularJS] 6. 모듈(Module) - AngularJS 강좌Web/AngularJS 2016. 4. 1. 14:18
모듈(Module) 모듈은 대체로 관련된 기능을 하나로 묶어 다른 코드와 결합도를 줄이고 재사용성을 높이기 위해 사용합니다. 최근에 자바스크립트에서는 코드의 복잡도를 낮추기 위해 많은 자바스크립트 라이브러리를 모듈화할 필요성이 생겼고, 모듈을 이용한 개발이 거의 필수가 되었습니다. jQuery 와 같은 많은 라이브러리는 모듈 패턴을 이용해 모듈로 구현되었고 많은 웹 앱 또한 모듈 패턴을 이용해 개발되었습니다. AJS에서도 이러한 모듈을 만들 수 있는 기능을 제공하고 별도의 모듈 패턴을 구현할 필요가 없는 API를 제공합니다. 다음은 모듈 선언 코드입니다. 12angular.module("모듈이름", ["사용할 모듈", ...]) Colored by Color Scriptercs angular.module..
-
[Java] 컬렉션 프레임워크 - IntroCSE/Java 2015. 9. 11. 11:52
컬렉션 프레임 워크는 여러 절로 구성되어 있습니다. IntroList 컬렉션Set 컬렉션Map 컬렉션검색 기능을 강화시킨 컬렉션LIFO와 FIFO 컬렉션동기화 & 병렬처리를 위한 컬렉션 1. 컬렉션 프레임워크 소개 애플리케이션을 개발하다 보면 다수의 객체를 저장해 두고 필요할 때마다 꺼내서 사용하는 경우가 많습니다. 만약 10개의 Product 객체를 저장해 두고, 필요할 때마다 하나씩 꺼내서 이용한다고 가정해봅시다. 어떻게 Product 객체를 효율적으로 추가, 검색, 삭제할지 고민해야 되는데, 가장 간단한 방법은 배열을 사용하는 것입니다. 1234567891011Product[] array = new Product[10]; array[0] = new Product("Model1");array[1] =..
-
[jQuery] 27. noConflict Method - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:31
jQuery - The noConflict() Method jQuery를 사용하는 와중에, 웹 페이지에 다른 프레임 워크를 사용하길 원한다면? 1. jQuery and Other JavaScript Frameworks 이미 알고 있듯이, jQuery는 $ 마크를 사용하여 jQuery의 단축으로 사용합니다. 다른 많은 자바스크립트 프레임 워크가 있습니다: AngularJS, Backbone, Ember, Knockout 등등 만약 다른 자바스크립트 프레임워크에서도 달러 마크를 사용한다면?? 다른 두 개의 프레임워크가 같은 단축어를 사용한다면, 둘 중 하나는 작동을 멈추게 됩니다. jQuery 팀은 이러한 점을 염두에 두었습니다. 바로 noConflict() 메소드입니다. 2. The jQuery noCon..
-
[AngularJS] 16. Application - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:25
AngularJS Application AngularJS 단일 페이지 어플리케이션(Single Page Application{SPA})을 만들 시간입니다! 1. An AngularJS Application Example 2. Application ExplainedmyNote.html 1234567891011121314151617181920212223242526272829 My Note Save Clear Number of characters left: Colored by Color Scriptercs myNoteApp.js 123 var app = angular.module("myNoteApp", []); Colored by Color Scriptercs myNoteCtrl.js 1234567 app.c..
-
[AngularJS] 15. Includes - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:25
AngularJS Includes AngularJS에서, HTML 내에 HTML 파일을 포함 할 수 있습니다. 1. HTML Includes in Future HTML HTML안에 HTML의 부분을 포함하는 것은 HTML에서는 아직 제공하지 않습니다. HTML 불러오기는 미래의 버전의HTML을 위한 W3C 제안 http://www.w3.org 입니다: 1cs 2. Server Side Includes 대부분의 웹 브라우저는 Server Side Includes(SSI)를 제공합니다. SSI에서, 페이지가 브라우저에 보내지기 전에 HTML안에 HTML을 포함 할 수있습니다. 1cs 3. Client Side Includes 자바스크립트를 이용하여 HTML안에 HTML을 포함하는 방식은 많은 방법이 있습니다..
-
[AngularJS] 14. Bootstrap- Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:24
AngularJS and Twitter Bootstrap Bootstrap은 유명한 스타일 시트입니다. 1. Bootstrap AngularJS 어플리케이션에 Bootstrap을 포함하기 위해서, 요소에 아래 라인을 추가해 줍니다: 12 cs 2. HTML Code 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 Users Edit First Name Last Name Edit {{ user.fName }} {{ user.lName }} Create New User Create..
-
[AngularJS] 13. 검사(Validations) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:23
AngularJS Input Validation AngularJS 서식과 제어는 입력 데이터를 검사 할 수 있습니다. 1. Input validation 이전 장에서 폼과 제어에 대해 배웠습니다. AngularJS 폼과 제어는 유효성 서비스를 제공하고, 사용자의 무효한 입력을 알립니다. * tip: Client-Side 유효성 검사는 사용자 입력을 단일로 보안화 하지 않습니다. Server side 유효성 검사 또한 필요합니다. 2. Application Code 123456789101112131415161718192021222324252627282930313233343536373839404142434445 Validation Example Username: Username is required. Ema..
-
[AngularJS] 12. 서식(Forms) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:23
AngularJS FormsAngularJS 서식은 입력 제어의 집합입니다. 1. HTML Controls HTML 입력 요소는 HTML 제어라고 부릅니다: - input 요소 - select 요소 - button 요소 - textarea 요소 2. HTML Forms HTML 서식은 HTML 제어가 함께있는 그룹입니다. 3. Application Code 12345678910111213141516171819202122232425262728293031323334 First Name: Last Name: RESET form = {{user }} master = {{master}} function formController ($scope) {$scope.master = {firstName:"John", la..