본문 바로가기
[jQuery/Tutorial] $ 와 $() 의 차이. $ 와 $() 의 차이 jQuery selection 에 불리는 method 는 $.fn namespace이다.jQuery method 의 대부분의 경우가 바로 이 jQuery object method 이다.이 경우 자동적으로 selection 을 받거나 리턴할 수 있다. ex)$("h1").remove(); Selection 없이 $ namespace 로 불리는 method 는 보통 utility-type method 이다. 이 녀석들은 core jQuery method 라 불린다.이들은 자동으로 argument 를 전달하지 않으며, 반환값을 다르다. [다음강좌] $(document).ready() 와 $(window).load() 의 차이. $, $(), core jQuery method, FN, j.. 2013. 7. 10.
[CSS] 언제 id 를 사용하고, 언제 class 를 사용해야 할까? CSS, 언제 id 를 사용하고, 언제 class 를 사용해야 할까? ID 는 그 정의 그대로 유일성을 확보해야 할 때 주로 사용된다. 디자인, 레이아웃을 위한 작업은 class 를 이용해 작업하는 것이 좋다. CLASS, css, ID, 디자인, 레이아웃, 유일성, 정의 2013. 7. 4.
[jQuery] Checkbox 와 RadioButton 에 대해 알아보자. jQuery, Checkbox 와 RadioButton 에 대해 알아보자. Checkbox 만들기 Cheese Pepper 위와 같이 2가지 방법으로 만들 수 있다. 의 경우는 기본적으로 checkbox 만 표시한다.따라서 checkbox 와 label 을 함께 표시하기 위해서는 checkbox 를 label 태그 안에 위치시켜야 한다. 두번째 방법은 label 에 for 속성을 주어, checkbox 와 연결해주는 방식이다.이는 checkbox 뿐만 아니라 다른 form tag 등에도 적용될 수 있지만,직접적으로 display 에 영향을 미치는 녀석은 checkbox 와 radio button 이다. CheckBox 값 체크하기 if ( $("#checkbox1").is(":checked") == tr.. 2013. 7. 3.
[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.
[CSS] overflow property 에 대해 알아보자. CSS, overflow property 에 대해 알아보자. CSS 의 overflow 는 div 와 같이 block component 에 잘 사용되는 style option 이다.이 옵션은 태그 안에 들어가는 내용물이, 이를 담고 있는 container 의 영역을 벗어날 경우내용물(contents) 를 어떻게 처리할가를 정의하는 것이다. 예를 들어 { overflow:hidden; } 와 같이 overflow 내용을 hidden 으로 표시하면 container 를 벗어나는 내용물은 표시하지 않는다. overflow value 값 설명 visible 기본값으로 overflow 되는 값들을 container 밖에라도 그냥 다 보여준다. hidden overflow 되는 값들을 숨긴다. scroll over.. 2013. 6. 27.
[HTML] <div></div> 와 <div /> 의 차이점 와 의 차이점 필자가 html, css 관련하여, 특히 position 에 관련한 여러가지 실습 도중 이상한 현상을 발견했다. 감자 분명 세번째 div 는 position:static 인데, 두번째 div 값의 위치에 영향을 받고 있었다. 게다가 a 태그 안에 있는 녀석의 값은 absolute 이고, 그 부모는 static 이기 때문에 windows 기준으로 "감자" anchor 가 위치되어야 하는데, 이 녀석도 세번째 div 의 값에 relative 한 값으로 위치배정이 되어 있었다. CSS position 값에 대해 자세히 알고 싶으세요? 여기를 클릭 제대로 된 원인을 찾지 못하고 새로운 example 을 만들다 발견한 사실은..바로 div 태그의 close 방법에 대한 내용. 감자 단지 div 태그.. 2013. 6. 26.
"웹을 지탱하는 기술" 내용정리. "웹을 지탱하는 기술" 내용정리. "웹을 지탱하는 기술" 이라는 일본 저자가 쓴 책을 본 후에,핵심이 되는 내용이랑 내가 몰랐던 내용인데 정리해두면 좋을 것 같은 내용을 정리해본다. 설명과 함께 정확한 내용, 빠진 내용을 확인하고 싶은 사람은 책을 직접 볼 수 있도록~ 웹을 지탱하는 기술 서평을 보고 싶으면 여기를 클릭! 웹의 다양한 용도 1. 웹사이트 2. User InterfaceHTML 도움말, 웹 UI for embedded systems 3. APIWeb Service 라 부름 웹을 지탱하는 기술 1. HTTP, URI, HTML 2. 하이퍼미디어비선형적 컨텐츠. 중간에 link 타고 갈 수 있고, 동영상, 다른 사이트 등을 껴 넣을 수 있다. (책은 선형) 3. 분산시스템자료의 내용이 전세계적.. 2013. 6. 24.
반응형

티스토리툴바