codingfarm

1. 준비 jQuery를 사용하려면 기본적으로 아래의 2가지 세팅을 해야 한다. 1. jQuery 기능이 들어있는 라이브러리 파일을 연결한다. 2. ready()라는 jQuery 기능을 이용해 초기 시작점을 정한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $(document).ready(function(){ //여기에 노드를 다루는 코드를 작성한다. alert("hello world"); }) lorem ipsum Colored by Color Scripter cs 위 코드를 브라우저로 열면 알림창이 뜨는것을 확인 할 수 있다. 2. jQuery를 이용한 노드 찾기 jQuery에는 수많은 노드찾기 기능을 제공한다. 우선은 가장 기초적인 방법을 배워보겠다. jQue..

jQuery란? $\bullet$ HTML 속 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된 크로스 브라우징 JavaScript 라이브러리이다. $\bullet$ jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. 또한, jQuery는 개발자가 플러그인을 개발할 수 있는 기능을 제공한다. jQuery의 기능 1. DOM $\bullet$ DOM 객체의 필수 프로퍼티와 메서드 $\bullet$ 노드 추가, 삭제, 찾기, 이동시키기 $\bullet$ 스타일 추가, 수정, 값 구하기 $\bullet$ 속성 추가, 수정, 값 구하기 $\bullet$ 이벤트 등록, 제거, 발생시키기 $\bullet$ 위치, 크기와 관..

$\bullet$ JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다. $\bullet$ 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다. $\bullet$ 최근에는 HTML5의 적용이 가속화되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드, IOS)으로 구현해왔던 기능이 웹에서도 대부분 구현할 수 있게 되고 있다. $\bullet$ 웹이 크로스플랫폼이라는 점, 검색 가능하다는 점, 네이티브 디바이스를 제어할 수 있는 하드브리드 시스템(phonegap 등)이 존재한다는 점에서 웹의 중요함은 더욱 확대될 전망이다. 자연스럽게 웹에서 구동되는 유일한 언어인 JavaScript의 중요함도 점점 커질..

위와 같은 형태의 웹페이지를 만드려 한다. 우선 레이아웃을 대략적으로 만들어보자. 위 레이아웃과 같은 형태의 웹페이지를 만든다 기본적인 구조는 아래와 같다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 cs header 일단 header부터 작성해보겠다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81..