본문 바로가기

전체 글767

jQuery API 정복 - 마지막 자식 요소 찾기 : last :last 는 일치하는 요소들 중에 가장 마지막 요소를 찾을 수 있습니다. 원문 링크 http://api.jquery.com/last-selector/ last selector jQuery(':last') 예 제 소스닫기 테이블에서 마지막 행(row)를 찾습니다. First Row Middle Row Last Row 미리보기 :last 와 :last-child 를 잘 구분하셔야 겠어요. 제일 마지막 리스트의 색깔을 입히거나 할 때 유용하겠네요. :-) 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 12.
MS를 선택한 노키아, 한국 공략 성공할까? 좀 다른 얘기지만 미국 100대 기업의 30년 생존율은 21%라고 한다. 즉 상위 100위 안에 있던 기업들 중에 30년 후에도 지속되는 기업이 불과 21개정도 밖에 되지 않는다는 것이다. 기업이 사라지는 이유는 아주 다양하겠지만, 트랜드를 읽지 못하거나, 무리한 사업확장, 예상치 못한 사건 발생 등 기업이 무너질 요소는 너무나 많이 산재해 있다. 그런 의미에서 노키아의 요즘 행보가 예사롭게 보이지 않는다. 노키아는 핀란드의 기업이다. 1865년 노키아 강변에 제지펄프 공장을 설립하면서 기업이 시작되었다. 그 후 제지산업을 하던 것에서 벗어나 1960년대 본격적으로 통신(장비)사업 진출을 하게 된다. 한때, 1980년대 말 핀란드 금융 위기와 주요 교역국이었던 소련의 붕괴로 몰락할 위기 직면하게 된다. .. 2011. 2. 12.
삼성vs애플이 아니라 구글vs애플입니다. "아이폰의 대항마 갤럭시 S" "갤럭시탭 vs 아이패드 진검승부" 미투전략으로 세계시장을 석권하겠다는 야심찬 삼성의 제품들이 나올때마다 언론에서는 애플의 제품과 직접적으로 연관지어 위 처럼 기사 제목을 뽑아냈다. 마치 외세에 대항하여 투지를 불태우며 힘겹지만 꿋꿋이 싸워나가는 모습을 보여주고 싶은 걸까? 우리나라의 최신 IT 기기들에 대한 여론은 삼성 vs 애플로 굳어져 있다. 애플과 동등한 위치에 삼성이 있으며 애플의 세계 유일의 경쟁 상대인 것이다. 물론 스마트폰의 수요가 폭발하기 전의 모바일 분야의 애플에게 삼성은 너무 높은 벽이었다. 그러나 불과 2~3년 만에 위치가 바뀌어 삼성의 모든 제품은 애플 제품의 카피라는 오명을 뒤짚어 쓰고 있는 상태이다. 피쳐폰의 강자였던 삼성은 - 여전히 이 분야에서.. 2011. 2. 11.
jQuery API 정복 - 마지막 자식 요소들 찾기 : last-child :last-child 는 복수개의 마지막 자식 요소를 찾을 수 있습니다. 원문 링크 http://api.jquery.com/last-child-selector/ last-child selector jQuery(':last-child') 비슷한 선택자인 :last 는 단 하나의 요소만 선택이 되지만, :last-child 는 복수개의 부모 요소에서 복수개의 마지막 자식요소가 선택됩니다. 예 제 소스닫기 div 에 속한 마지막 span 태그의 텍스트의 크기를 주변의 80% 로 축소하고 색은 빨간색으로 바꿉니다. 또, 마우스 오버/아웃 시에 텍스트에 줄을 긋는 "solast" 클래스를 적용/삭제합니다. John, Karl, Brandon, Sam Glen, Tane, Ralph, David 미리보기 : 빨간 .. 2011. 2. 11.
난 당신에게 엄격한 도덕성을 요구하는 것이 아닙니다. 잠시 2010년 아이폰4가 발표되었던 시점으로 돌아가 보겠습니다. 전 세계의 이목이 집중된 키노트에서 스티브잡스는 아이폰4에 대해 놀랍다는 표현을 쓰면서 극찬을 합니다. 특히 변화된 아이폰의 외형을 얘기하며 테두리를 안테나로 사용했다는 정보를 공개합니다. 유투브를 통해 그 장면을 보면서 놀랐던 기억이 납니다. 참신하다 못해 혁명적으로 까지 보였거든요. 전통적인 안테나를 없앤 통화수단이란 발상과 그 생각을 실천으로 옮겨 제품화 했다는 것에 고개를 끄덕이게 되더군요. 그런데 얼마지나지 않아 미국 언론들은 아이폰4가 수신율 불량이라는 기사를 쏟아내기 시작합니다. 바로 안테나 게이트였죠. 역설적이게도 혁신이라고 얘기했던 그 안테나 채용에 심각한 결함이 있다는 기사들이었습니다. 여기서는 기술적인 얘기는 하지 않겠.. 2011. 2. 11.
jQuery API 정복 - 폼에 속한 input 들 선택하기 : jQuery(':input') :input 은 문서상에 있는 모든 input 과 textarea, select, button 요소들을 찾아줍니다. 원문 링크 http://api.jquery.com/input-selector/ input selector jQuery(':input') 폼에 속하는 하위 요소들인 input, textarea, select 와 같은 사용자 입력 요소들을 이 선택자로 모두 찾아낼 수 있습니다. 예 제 소스닫기 모든 input 요소를 찾아서 그 개수를 표시합니다. Option Button 미리보기 위 소스에 보시면 input 선택자를 이용하는 방법과 form 에 속한 모든 요소를 선택하는 방법으로 2가지가 있습니다. 지금 예제 코드의 결과는 13개 요소로 동일한 결과를 보여주지만 실제로 form 태그 안에 di.. 2011. 2. 11.
jQuery API 정복 - image 폼 요소 찾기 : jQuery(":image") :image 는 폼 요소 중에서 type="image" 인 요소를 찾습니다. 원문 링크 http://api.jquery.com/image-selector/ image selector jQuery(':image') 예 제 소스닫기 input 중 type 이 image 인 요소를 찾아 빨간 테두리를 두룹니다. Option Button 미리보기 이건 뭐 누워서 떡먹기?? 체합니다. 떡은 앉아서 드세요. :-) 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 10.
jQuery API 정복 - ID 로 찾아내기 : jQuery("#id") ("#id") 는 요소의 id 속성값을 이용해서 원하는 요소를 찾을 수 있습니다. 원문 링크 http://api.jquery.com/id-selector/ id selector jQuery('#id') id 이 아이디를 찾기위해 요소들의 id 속성들을 검색합니다. 가장 핵심 선택자가 나왔네요. 아마 클래스명으로 선택하기와 이 아이디로 선택하는 선택자가 가장 많은 활용도가 있을 거라고 생각됩니다. 레이아웃을 작성하면서 id 와 class 속성을 직접 부여하는 일들이 많을 테니까요. 간혹 동적으로 요소들을 생성하거나 삭제하는 경우에는 주로 클래스명으로 사용하는 경우가 많게 되더군요. 어찌됬든 중요한 선택자입니다. 돼지꼬리~. 별표 땡땡 하세요. 개요 : 주어진 id 값으로 단 하나의 요소만 선택합니다. jQ.. 2011. 2. 10.
jQuery API 정복 - 안보이는 요소 찾기 : jQuery(':hidden') :hidden 선택자는 화면에 보이지 않는 요소들을 찾아줍니다. 원문 링크 http://api.jquery.com/hidden-selector/ hidden selector jQuery(':hidden') 요소들은 몇가지 원인에 의해 숨겨져 있게 됩니다. ◎ CSS display 속성값이 none 일때 ◎ form 요소 중에 type='hidden' 일때 ◎ 요소의 width 와 height 가 0 일때 ◎ 부모 요소가 보이지 않거나 숨겨져 있을 때 visibility:hidden 이나 opacity:0 속성을 가진 요소들은 레이아웃(layout)을 위해 일정 공간을 차지하고 있기 때문에 보이는 것으로 간주(considered to be visible)됩니다. 요소가 사라지고 있는 동안에는 그 움직임(a.. 2011. 2. 10.
갤럭시탭 산 당신, 정말 후회하지 않습니까? ※ 이 포스트는 어떤 분에게는 아주 기분 나쁠수 있습니다. ※ 아주 강한 어조로 인하여 다소 불쾌하거나 심한 반감이 들 수도 있습니다. ※ 점점 삼성 제품이 싫어져 가는 사람(일명 삼성까가 되가는)의 글임을 미리 밝힙니다. 삼성이 태블릿 PC 라고 줄기차게 우겨대는 이 디바이스의 이름은 다들 아시다시피 갤럭시탭 이다. 전 세계에 200만대의 판매고를 올렸다고 발표하여 실제로 전 200만명의 사람이 사서 쓰고 있다고 오해를 하게 만들고 있는 안드로이드 진영을 대표라고 얘기되는 태블릿 PC 말이다. 안드로이드 OS 에 대한 반감까지 들게 만드는 이 기기는 당당하게 아이패드의 대항마를 자처하며 야심차게 출사표를 던진지 근 100일이 되어 간다. 2010년 11월 4일 출시였으니 지금 이 포스팅을 작성하는 시점.. 2011. 2. 9.
jQuery API 정복 - 제목 태그(h1)를 찾자 : jQuery(':header') :header 는 h1, h2, h3 와 같은 제목 요소(header element)들을 선택해 줍니다. 원문 링크 http://api.jquery.com/header-selector/ header selector jQuery(':header') 예 제 소스닫기 제목 태그를 찾아서 회색 바탕에 파란색 글씨 색깔로 바꿉니다. Header 1 Contents 1 Header 2 Contents 2 미리보기 네! 참 쉽죠~. 잘 따라해 보세요~. 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 9.
jQuery API 정복 - 자식 중에 태그 찾기 : jQuery(':has(selector)') :has() 는 자식 요소들 중에 특정 요소를 찾을 수 있습니다. 원문 링크 http://api.jquery.com/has-selector/ has selector jQuery(':has(selector)') selector Any selector has 는 have 의 3인칭 표현이잖아요. ㅎㅎㅎ '가지고 있다' 라는 뜻이죠? 그쵸? 아 중딩때 영어성적 뽀록나는 순간인가요 :). 어쨌거나 저쨌거나, 뜻풀이 만으로 이 선택자는 무엇을 하는 선택자인지 직관적으로 와닿네요. 무엇이 되었든 뭔가를 가지고 있다면 이라고 해석할 수 있겠네요. $('div:has(p)') 라고 했다면 p 태그를 가진 div 태그를 찾아낼 수 있겠네요. p 태그가 자식요소로 들어만 있으면 됩니다. 그 단계가 몇 단계인지는 고려치 않.. 2011. 2. 9.
사진찍히기 싫어하는 촌놈이 캐논 60D DSLR을 장만하다. 순전히 발끈 모드로 인해 괜한짓을 한게 아닌가 싶다. 정신을 차리고 보니 내 손에는 60D 라는 DSLR 이 떡하니 들려 있더라 말이다. 에혀~ 둘째 돌사진을 찍기 위해 이런저런 스튜디오를 기웃거리면서 견적을 받아보다가 진짜 울컥 하는 심정으로 카메라 구입을 결정해 버린 얼치기 구매자. 안봐도 비디오 아닌가요? ㅜㅜ 사진 달랑 10장 들어가는 앨범 하나랑 쬐그만 액자 하나에 40만원이라는 소리에 발끈한 것이 화근이었는데. 첫째 돌사진 때도 느낀 거지만 100장이 넘는 아이 사진 중에 앨범에 넣을 10장만 고르라면서 틀어준 슬라이드 쇼~. 구성진 가락과 함께 아이의 사진들을 보고 있자면 100장 다 앨범으로 구성해도 시원찮을 판이었다. 이때도 참 억울하다고 생각하면서 원판 구입을 망설였던 기억과 함께 든 .. 2011. 2. 8.
jQuery API 정복 - 속성이 있는지 찾기 : jQuery('[attribute]') jQuery('[attribute]') 는 attribute 에 해당하는 속성이 있는 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/has-attribute-selector/ attributeHas selector jQuery('[attribute]') attribute 속성명 예 제 소스닫기 div 영역의 텍스트를 클릭했을 때 div 태그에 id 속성이 포함되어 있다면 id 속성값을 텍스트로 추가표시 합니다. no id with id has an id nope 미리보기 : 각 텍스트를 클릭하세요. 스크립트에 보지 못했던 것들이 좀 많이 들어가 있습니다. one() 이라는 함수가 보이고, 'click' 이라는 인자도 보이네요. one() 이라는 함수는 해당 객체에 이벤트를 묶어.. 2011. 2. 8.
블로깅 50일, 일일방문자 500을 넘기다. 아~ 이건 그냥 일기임~. 2011년 2월 7일자로 일일 방문자 500명을 넘겼다. 방문자 좀 되는 블로거들이 보면 웃을라~ 하하;;;; 후다닥 2011. 2. 8.
jQuery API 정복 - 내용이 빈 태그 찾기 : jQuery(':empty') :empty 는 해당 요소의 텍스트가 없을 때 선택되어 집니다. 괜히 표현만 어렵습니다. 백문이 불여일견~ 원문 링크 http://api.jquery.com/empty-selector/ empty selector jQuery(':empty') jQuery.com 에는 이렇게 되어 있습니다. 이 선택자는 :parent 와는 반대입니다. 한가지 중요한 것은 :empty 나 :parent 선택자가 텍스트 노드까지도 자식 요소로 여긴다는 것입니다. W3C 에 따르면 태그는 비록 그 요소가 텍스트(text)여도 반드시 하나의 자식 요소를 포함해야 합니다.(참고 : http://www.w3.org/TR/html401/struct/text.html#edef-P). 반면에 어떤 태그들은 자식요소가 없어도 됩니다. in.. 2011. 2. 8.
jQuery API 정복 - 요소명(태그)으로 찾기 : jQuery('element') $('element') 는 태그명을 직접 넣어서 그 태그를 가진 요소를 모두 찾을 수 있습니다. 원문 링크 http://api.jquery.com/element-selector/ element selector jQuery('element') element DOM 노드에 속한 태그명을 뜻합니다. JavaScript 의getElementsByTagName() 함수의 역할을 합니다. 가장 기본적으로 많이 사용하게 될 것 처럼 보입니다. 예 제 소스닫기 div 태그를 찾아서 9픽셀 짜리 빨간 테두리를 그립니다. DIV1 DIV2 SPAN 미리보기 너무도 명확한 예제라서 따로 말씀드릴것도 없네요 ^^ 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2011. 2. 7.
jQuery 1.5 버젼이 나왔습니다!! jQuery 1.5 버젼이 Release 되었습니다. 긴 연휴를 지내고 블로그 유입 검색어에 jQuery 1.5에 대한 키워드가 보여서 공식 사이트 들어갔더니 1.5 버젼이 올라와 있네요. 사실 릴리즈된 날은 2011년 1월 31일이네요. 아 너무 신경을 안썼나? ㅡㅡ; 갈길은 먼데 빠른 업데이트가 이루어져서 하하.. 좋은건지 나쁜건지.. 잠깐 살펴봤습니다만 짧은 영어 실력과 jQuery 에 대한 적은 내공으로 말미암아 부실한 포스트가 될 공산이 있어보여서 jQuery.com 의 내용을 고대로 옮기는 것에 주력해야 겠습니다. 먼저 1.5 버젼 다운로드는 아래 링크에서 하실 수 있습니다. 축소버젼 jQuery Minified (29kb Gzipped) 일반버젼 jQuery Regular (207kb) CD.. 2011. 2. 7.
jQuery API 정복 - ~보다 작은 요소 선택하기 : jQuery(':lt(index)') :lt('index') 는 요소 집합에서 index 보다 작은 색인을 가지고 있는 요소들을 반환해 줍니다. 원문 링크 http://api.jquery.com/lt-selector/ lt selector jQuery(':lt(index)') index 0 이 초기값인 색인입니다. lt() 함수의 lt 는 less than, '~~보다 작은' 이라는 뜻입니다. 꺽쇠로 치면 < 에 해당합니다.즉, lt(3) 이면 3보다 작은 인덱스를 가진 녀석들 모두를 선택할 수 있습니다. 예 제 소스닫기 4 보다 작은 색인을 가진 td 를 선택해서 텍스트 색을 빨간색으로 바꿉니다. TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8 미리보기 lt는 less than 이다는 것만 기억하시면 .. 2011. 2. 7.
새해 복 많이 받으세요~ 아하하하 2011. 2. 1.

티스토리툴바