본문 바로가기
[jQuery] Text 와 Image Component 에 대해 알아보자. jQuery, Text 와 Image Component 에 대해 알아보자. Text Control 의 종류 text control 은 type 값에 따라 달라지는데, 가능한 value 는.. textpasswordnumberurlemailtel 이 때, number 의 경우는 다음과 같이 범위를 지정할 수도 있다. input 태그에 연계된 text control 이외에도, textarea 라는 녀석도 존재. 이 녀석은 multi-line text component 이다. 변수에 지정된 image display 하기 http://cfile8.uf.tistory.com/image/2529AD4B56E7A36A26C753"number", type="password", type="text", url, 변수 im.. 2013. 7. 2.
[jQuery] Button Component 에 대해 알아보자. jQuery, Button Component 에 대해 알아보자. jQuery 를 이용하여 Button 을 만드는 방법에 대해 알고싶나요? 여기를 클릭. "ui-grid-a", "ui-block-a" "ui-gird-a" class 는 column 이 2개인 grid 를 만든다. ( "ui-grid-b" class 는 column 이 3개인 grid )"ui-block-a" class 는 ui-grid 의 첫번쨰 column 을 말하고,"ui-block-b" class 는 ui-grid 의 두번째 column 을 이야기한다. innerHTML 과 text 의 차이점 innerHTML 은 html 코드를 입력하는 함수이고, text() 는 문자열 입력을 하는 함수. innerHTML 에는 html tag 들.. 2013. 6. 30.
[jQuery] 버튼 만드는 방법 jQuery로 버튼 만드는 방법 jQuery를 이용하여 버튼을 만드는 방법은 3가지가 있다. 1. anchor tag 이용 Button 2. div tag 이용 Button 3. form tag 인 input tag 이용 이 세 가지 방법중에 가장 많이 쓰이는 형태는 바로 anchor tag 를 이용한 방법왜냐하면.. 1. href 속성이 있어 바로 link 연결하는 데 수월하다. ( div 태그보다 활용성이 높다. ) 2. 3번의 form tag 와는 달리 width, height 속성 등을 조정할 수 있다. 3. normal 상태와 pressed 상태를 구분해서 속성을 변경할 수 있다. a, a tag, ANCHOR, Button, data-role, data-role="button", div, di.. 2013. 6. 28.
jQuery, CSS Selector 모음 ( Reference ) jQuery, CSS Selector 모음 ( Reference ) 출처 : w3 스쿨 Selector Example Selects * $("*") All elements #id $("#lastname") The element with id="lastname" .class $(".intro") All elements with class="intro" .class,.class $(".intro,.demo") All elements with the class "intro" or "demo" element $("p") All elements el1,el2,el3 $("h1,div,p") All , and elements :first $("p:first") The first element :last $("p:l.. 2013. 6. 16.
[책/리뷰] 모바일 홈페이지 쉽게 만들기. 책 리뷰, 모바일 홈페이지 쉽게 만들기 모바일 홈페이지 쉽게 만들기저자김선태 지음출판사성안당 | 2012-01-10 출간카테고리컴퓨터/IT책소개홈페이지 혁명이 일어났던 1990년대 후반의 변화보다 더 큰 충...글쓴이 평점 내 평점은 2점 / 10점. 우선, 목차만 보면 내용이 참 좋다.하지만, 책을 보다보면 단점이 너무 확연히 보인다. 1. 초보자를 위한 책처럼 위장하고 제대로 초보자를 배려하지 않았다. - 대부분의 코딩 부분에 설명이 제대로 되어 있지 않다.- Form 처리 부분은 GUI 구성으로 끝난다.- Form 처리하는 부분은 고급주제에 대한 소개로 이어져 최소한 독자가 더 공부할 수 있도록 가이드라도 해주어야 하는데 이런 배려도 없다. 2. 사진이 너무 작다. - 코드를 사진으로 붙여놓았다.... 2013. 6. 2.
[JavaScript/Tutorial] Type 에 대한 기본 정보. ( Object, Array, Function, Type check ) Type 에 대한 기본 정보 ( Object, Array, Function, Type check) [이전강좌] JavaScript 코드 위치에 대한 주의사항. JavaScript의 Object type 은 대표적으로 Object, Array, Function 이 있다. Object Object 를 만드는 방법은 Constructor(생성자)를 이용한 방법과 object literal을 이용해 만드는 방법이 있다. Literal 을 통해 만드는 오브젝트는 순서없는 key-value pair 로 구성되어 있다. var newObject = new Object(); // 생성자 정의 var newObject2 = { name: "aroundck", class: "javascript" }; // Literal .. 2013. 5. 12.
[jQuery/Tutorial] Callback 을 잘 사용해보자. JavaScript 는 Callback function 을 전달하기가 쉽다.다른 function 의 argument 로 전달하면, 해당 function 의 실질적인 작업이 끝나면 callback function 이 수행된다. jQuery #1 은 argument 가 없는 myCallBack 이란 이름의 callback function 을 등록한다.이 때 " " 를 넣어 string 화하지 않아야 하며, () 도 넣어서는 안된다. #2 는 callback 전달이 아니라, myCallBack( param1, param2 ) 의 수행결과, 즉 return value 가 get 의 2번째 argument 로 전달되는 격이다. #3 은 argument 를 2개 가진 callback function 을 등록한 경우.. 2013. 5. 8.
[jQuery/Tutorial] CSS 에서 정의한 class 적용하기 & Effect 주기. 출처 : jQuery 공식 홈페이지 jQuery ( JavaScript ) 와 CSS 는 뗄 수 없는 관계. 태그를 통해서 class 정의를 하고,addClass( "className" ) 과 removeClass( "className" ) 을 통해정의된 class 를 추가 및 제거할 수 있다. jQuery jQuery 를 통해서는 effect 를 주는 것도 쉬운데,이 예제에서 사용된 것은 천천히 사라지는 hide( "slow" ) effect 이다. 2013. 5. 8.
[jQuery/Tutorial] window.onload vs. ($document).ready 출처 : jQuery 공식 홈페이지. window.onload 는 html 의 모든 load 가 완료되었을 때 불린다.따라서 이미지가 있을 경우, 로드가 완료될 떄까지 onload 에 있는 코드는 실행되지 않는다. 반면에 jQuery의 $(document).ready 는 사용자의 조작이 가능해진 순간에 불린다.따라서 onload 보다 조금 더 실용적이다. jQuery event.preventDefault() 는 원래 기본 동작을 방지한다.위의 예에는 event.preventDefault() 코드가 들어가서 a 의 기본동작인 link 로의 연결이 되지 않는다. 2013. 5. 8.
반응형