html5
-
[jQuery] 4. 이벤트 메소드(Event method) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:14
jQuery Event Methods jQuery는 HTML 페이지 내에서 이벤트에 반응하기 위한 맞춤입니다. 1. What are Events? 모든 다른 방문자들의 행위에 따른 웹페이지의 반응은 이벤트라 합니다. 예제: - 요소 위에 마우스를 이동시킨다. - 라디오 버튼을 선택한다. - 요소를 클릭한다. Mouse EventsKeyboard EventsForm EventsDocument/Window Eventsclickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleave blurunload [ 출처: W3Schools ] 2. jQuery Syntax For Event Methods jQuery에서, 대부분의..
-
[jQuery] 3. 선택자(selector) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:13
jQuery Selectors jQuery 선택자(selector)는 jQuery 라이브러리의 가장 중요한 부분 중 하나입니다. 1. jQuery Selectors jQuery 선택자는 HTML 요소를 선택하고 조작할 수 있게 허용합니다. jQuery 선택자는 요소들의 id, classes, types, attributes, attribute의 값 등을 기반으로 HTML 요소를 찾습니다. 이것은 CSS 선택자를 기반으로 하였습니다. jQuery의 모든 선택자는 달러 마크와 괄호로 시작됩니다: $() 2. The element Selector jQuery 요소 선택자는 요소 이름(element name)을 기반으로 요소를 선택합니다. 페이지 내의 모든 요소를 선택하기 위해 아래와 같이 할 수 있습니다: 1..
-
[jQuery] 2. 문법(Syntax) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:12
jQuery Syntax jQuery를 사용하여 HTML 요소를 선택하고 그들을 가지고 "액션"을 수행할 수 있습니다. 1. jQuery Syntax jQuery 문법은 HTML 요소를 선택하기 위한 안성맞춤의 문법이고 요소의 어떤 액션을 수행하기 위한 문법입니다. 기본 문법은 $(selector).action() 입니다: - $ 마크로 선언/접근 하는 jQuery 문법입니다. - (selector)는 HTML 요소를 찾는 문법입니다. - action()은 요소가 수행할 액션입니다. 예제: - $(this).hide() : 현재 요소를 숨깁니다. - $("p").hide() : 모든 요소를 숨깁니다. - $(".test").hide() : 클래스가 "test"인 모든 요소를 숨깁니다. - $("#test..
-
[jQuery] 1. 시작 - jQuery 강좌Web/jQuery 2015. 6. 13. 11:11
jQuery Get Started 1. Adding jQuery to Your Web Pages 웹 사이트에서 jQuery를 사용하는 몇가지 방법이 있습니다: - jQuery.com 에서 jQuery 라이브러리 다운로드 - 구글과 같은 CDN에서의 jQuery 포함 2. Downloading jQuery 2개의 jQuery 버전을 다운로드 할 수 있습니다: - Product Version: 웹사이트에서 사용가능한 최소화되고 압축된 버전 - Development Version: 테스팅하고 개발하기 위한 버전(비압축되고 가독성 코드인) 두 버전 모두 jQuery.com에서 받으실수 있습니다. jQuery 라이브러리는 자바스크립트 파일로 한줄이면 됩니다. HTML의 jQuery 강좌, 제이쿼리, jQuery,..
-
[AngularJS] 7. Table - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:19
AngularJS Tables ng-repeat 지시어는 테이블형식으로 보여주기에 완벽합니다. 1. Displaying Data in a Table Augular를 이용한 테이블 표시는 매우 간단합니다: 12345678910111213141516171819202122232425262728 {{ x.Name }} {{ x.Country }} var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get("http://www.w3schools.com/angular/customers.php") .success(function (response) {$scope.names = respo..
-
[AngularJS] 6. Http - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:18
AngularJS AJAX - $http $http는 원격 서버에서부터 데이터를 읽기위한 AngularJS 서비스입니다. 1. Providing Data 아래 데이터는 웹 서버에서 제공되는 데이터입니다: http://www.w3schools.com/angular/customers.php 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889{"records": [ { "Name" : "Alfreds Futterkiste", "City" : "Berlin", "..
-
[AngularJS] 5. 필터(filter) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:17
AngularJS Filters 필터(Filter)는 파이프 기호(pipe character)를 사용하여 식이나 지시어에 추가 할 수 있습니다. 1. AngularJS Filters AngularJS 필터는 데이터를 변형할 때 사용됩니다: FilterDescriptioncurrencyFormat a number to a currency format.filterSelect a subset of items from an array.lowercaseFormat a string to lower case.orderByOrders an array by an expression.uppercaseFormat a string to upper case. [ 출처: W3Schools ] 2. Adding Filters to..
-
[AngularJS] 4. 제어(controller) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:16
1. AngularJS Controllers AngularJS 어플리케이션은 제어(controller)에 의해 제어됩니다. ng-controller 지시어는 어플리케이션 제어를 선언합니다. 제어는 정규 자바스크립트 객체 생성자에 의해 만들어 지는 자바스크립트 객체입니다. 12345678910111213141516171819202122232425 First Name: Last Name: Full Name: {{firstName + " " + lastName}} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName = "John"; $scope.lastName = "Doe"; }); ..