본문 바로가기

전체 글767

jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name^="value"] [name^="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 시작부분에 포함되어 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-starts-with-selector/ attributeStartsWith selector 개요 : 태그가 가진 속성(attributes)의 값(value)에 문자열이 시작부분에 포함되어 있는 요소를 찾아 줍니다. jQuery('[attribute^="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "news" 라는 단어로 시작하고 있는 요소를 .. 2011. 1. 24.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name!="value"] [name!="value"] 는 태그의 name 속성값과 "value" 가 일치하지 않는 요소만 찾아주는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-not-equal-selector/ attributeNotEqual selector 개요 : 태그가 가진 속성(attributes)의 값(value)과 문자열이 일치하지 않는 요소를 찾아 줍니다. not([attr="value"]) 의 표현과 일치합니다. jQuery('[attribute!="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "newsletter" 가 아닌 요소를 찾아서 그.. 2011. 1. 24.
애플 IOS vs 구글 안드로이드, 그들의 점유율 그리고 삼성은?? 본 자료는 http://www.millennialmedia.com 의 조사 자료임을 미리 밝힙니다. 모든 이미지 자료는 클릭하여 원본 크기로 보실 것을 권장합니다. 2010년 IT 쪽의 가장 큰 키워드는 뭐니뭐니 해도 스마트폰, 태블릿 PC 였던거 같습니다. 물론 올해는 더 치열해질 것이 불 보듯 뻔한 상황입니다. 이 스마트한 세상을 이끌어 가는 쌍두마차는 현 시점에서 누가 뭐라해도 구글의 안드로이드와 애플의 IOS 일 겁니다. 전통적으로 스마트폰 시장을 주도하던 심비안, RIM 과 함께, 애플이 다년간의 노하우와 완성도 높은 디바이스를 바탕으로 하여 OS 시장을 선점하였습니다. 그런데 구글의 안드로이드는 제조사에 무제한적인 개방을 무기로 하여 애플에 대항해야 하는 세계의 여러 제조사들의 전방위적인 협조.. 2011. 1. 24.
jQuery 를 이용한 슬라이드 이미지 이번 포스팅은 이전에 제가 제작한 jQuery 를 사용하지 않은 자바스크립트 이미지 슬라이더에 버그가 있어서 jQuery 를 사용한 슬라이드를 긴급 제작하여 쓰는 글입니다. 역시 안정적인 라이브러리를 사용하는게 아주 중요합니다. ^^;; 음 그런데 한가지 제약이 있습니다. 이 스크립트를 사용하기 위해서는 HTML 과 StyleSheet 를 어느정도 수준으로 구사하실 수가 있어야 합니다. 그 부분까지 모두 다 설명드릴 수는 없는 점 양해 부탁드립니다. 일단 데모부터 확인해 주세요. 미리보기 jQuery.banner.js 파일이 필요합니다. 이 파일도 다운받아 적절한 위치에 가져다 놓으셔야 합니다. 소스는 하단에 첨부하겠습니다. 일단 사용법을 말씀드리면.$(function() { $("#image_list_.. 2011. 1. 22.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name="value"] [name="value"] 는 태그의 name 속성명에 들어가 있는 문자가 "value" 와 일치하는 요소를 찾습니다. 원문 링크 http://api.jquery.com/attribute-equals-selector/ attributeEquals selector 개요 : 태그가 가진 속성(attributes)의 값(value)과 문자열이 일치하는 요소를 찾아 줍니다. jQuery('[attribute="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 type 이 radio인 input 태그들 중에 name 속성(attribute)의 값이 "newsletter" 인 요소를 찾아서 그 다음 요소(태그)의 텍스트를 "is newsletter" 로 바꿉니.. 2011. 1. 22.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name$="value"] [name$="value"] 는 태그의 name 속성명에 들어가 있는 문자의 끝에서 부터 "value" 에 해당되는 문자가 포함되어 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-ends-with-selector/ attributeEndsWith selector 개요 : 태그가 가진 속성(attributes)의 값(value)의 뒷쪽부터 문자열이 포함되어 있는 요소를 찾아 줍니다. jQuery('[attribute$="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값의 뒷쪽부터 "letter" 이라는 단어를 포함하고 있는 요.. 2011. 1. 22.
다음뷰 View On 을 하는 당신의 기준은? 많은 블로거들이 항상 무언가를 궁리하고 생각해 웹이라는 열린 공간에 자신의 생각 또는 최신 정보들을 쏟아냅니다. 하루에도 수만개의 포스트가 생산되고 소비됩니다. 그 와중에 방문자가 꽤 되는 소위 파워/우수 블로그 들도 생겨나게 되죠. 그 분들이 블로그에 들인 시간과 노력을 값어치로 계산하자면 아마 꽤 되리라 생각됩니다. 그런데 이런 블로그의 위화감을 조장하는 시스템 적인 문제가 존재합니다. 메타 블로그들의 추천과 같은 좀 웃긴 시스템 말입니다. 저도 다음뷰에 송고를 하고 있습니다. 워낙 재미없는 정보성 글이라 그닥 호응은 없죠. 그래도 가끔 view on 이 일어납니다. 그래서 view on 이 되는 경향을 좀 살펴보게 됬습니다. 사실 이 view on 을 보고 '어장관리 하는 사람도 있겠네' 라는 생각.. 2011. 1. 21.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name~="value"] [name~="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 구분되는 단어로 들어가 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-contains-word-selector/ attributeContainsWord selector 개요 : 태그가 가진 속성(attributes)의 값(value)에 선택자로 주어진 문자열이 단어의 형태로 들어가 있으면 반환해 줍니다. jQuery('[attribute~="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "man" 이라는 단어.. 2011. 1. 21.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name*="value"] [name*="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 위치에 상관없이 들어가 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-contains-selector/ attributeContains selector 개요 : 태그가 가진 속성(attributes)의 값(value)에 문자열이 포함되어 있는 요소를 찾아 줍니다. jQuery('[attribute*="value"]') attribute 태그의 속성 value 속성의 값, 따옴표를 사용해야 합니다. 예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "man" 이라는 단어를 포함하고 있는 요소를 찾아서 'man .. 2011. 1. 21.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name|="value"] [name|="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 앞쪽에 들어가 있는지 확인하는 선택자입니다. 원문 링크 http://api.jquery.com/attribute-contains-prefix-selector/ attributeContainsPrefix selector 개요 : 태그가 가진 속성(attributes)의 값(value)에 하이픈(-)이 포함되어 있을 때 해당 문자열로 시작되는 요소를 찾아 줍니다. jQuery('[attribute|="value"]') attribute 태그의 속성 value 속성의 값 예 제 문서에 모든 링크 중에 hreflang 속성(attribute)의 값이 "en" 으로 시작되는 요소를 찾아서 3px 의 테.. 2011. 1. 20.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : ":animated" ":animated" 는 화면에서 움직이는 요소를 찾아내는 선택자입니다.원문 링크 http://api.jquery.com/animated-selector/animated selector개요 : 화면에서 움직이는(animated) 요소를 찾아줍니다.예 제 화면에서 움직이는 요소를 찾아 색깔을 바꿔 줍니다. Run 미리보기 와. 간단하네요. jQuery 좋지 않으세요? ^^.그럼 즐프하세요. 2011. 1. 20.
jQuery 쉽게하기 - API 깨부시기, 선택자(Selectors) : All Selector ("*") 선택자(selector)는 jQuery에서 가장 중요한 요소입니다. 화면에서 원하는 곳을 선택하기 위해 적절한 선택자를 사용해야 하고, 그것을 원활히 처리할 수 있는 방법으로 마크업 구조를 짜야 합니다. 선택자에 할당된 내용은 꽤 많습니다. 하나당 하나씩 포스팅을 할 예정입니다. 예제가 많은 편이라 재미있는 내용이 되겠네요. jQuery 의 Selector 시작하겠습니다. All Selector ("*") 모든 요소를 선택할 때 사용합니다. 원문 링크 http://api.jquery.com/all-selector/ all selector 개요 : CSS 선택자(selector)와 일치하는 요소들(elements)을 사용하기 위한 문자열을 사용합니다. jQuery("*") 주의 : 이 선택자는 사용하지 않.. 2011. 1. 19.
[VIEW] The Event  The Event 요즘 이 미드를 보고 있다. 이녀석들(미국넘들)은 태생부터 음모론에 일가견이 있는게 분명하다. 여태 그리 많은 음모론과 공상과학 얘기를 하고도 아직도 할 얘기가 무궁무진 한가 보다. 이 미드는 지금 한참 방영중인데 이번주(11월 24일 기준)에 시즌 1의 9편 까지 나와 있다.(내가 확보한 자료 기준) 어쨌든 정체를 모르는(극중에서는 에일리언 이라 표현한다.) 인간과 조금 다른 인간들을 1944년 부터 미국 정보부에서 관리하고 있었다는 것에서부터 얘기는 시작된다. 마치 오바마를 생각나게 하는 진보 대통령이 이 사실을 국민담화로 밝히려 하는 상황이고, 그 사실이 밝혀지는 것을 막으려는 어떤 집단이 대통령을 시해하려 하면서 드라마는 시작된다. 아직은 모든게 얽히고 설킨 상황이지만 하나씩.. 2011. 1. 19.
개발용 폰트 개발할때 영(0)하고 대문자(O) 이런거 잘 구분안된다. 그리고 소문자 엘(l), 대문자 아이(I) 진짜 구분안된다. 그래서 난 andale mono 폰트를 사용한다. 구분 잘 되서 좋다.. 더 자세한건 이 분의 포스트를 보시면 됩니다.. 사용 하실 분은 첨부파일 거거 http://lohan.tistory.com/64 2011. 1. 19.
[ASP] AJAX 한글 처리 와우 한참 찾았다. 상품 리스트를 뿌려야 하는데.. 페이지들을 utf-8로 바꾸는게 영 못마땅해서 걍 처리할 수 있는 방법이 없나 찾았다. 아무리 찾아도 여러가지 인코딩, 디코딩 다 했는데.. 난 또 asp 에서 js 에 있는 함수를 호출하는거라 잘 안됬는데..... 답은 너무도 간단... ㅡㅡㅋ 내 구조는 asp + js 에서 상품리스트반환.asp 를 호출하고 상품반환리스트.asp 에서 response.write 를 하면 ajax콜백 메소드가 위치한 js 파일의 함수를 호출하게 되어 있는데... 이것 저것 해보다가.. 상품반환리스트.asp에서 2011. 1. 19.
[javascript] AJAX + JSON 의 eval() 함수 사용의 문제 상품등록 화면을 ajax로 처리하다 보니 데이터의 자료구조를 잘 만들어야 할 필요가 있다. 그래서 json 의 사용.. 배열과 크게 다를건 없지만 걍 객체지향 냄새가 좀더 난다는거.. 그리고 배열 요소(인덱스) 처리하느라 골머리 썩지 않는 점은 참 좋다. 직관적이기도 하고.. 그런데 json 데이터를 객체화 하기 위해 자바스크립트의 eval! 메소드를 사용해야 하는데.. 이게 악성코드를 실행시킬 위험이 있단다. 그래서 json.org/json2.js 배포파일이 필요하게 됬다. 더 상세한건 http://blog.outsider.ne.kr/257 요분의 포스팅이 참 도움이 된다. 땡큐베리 감사... 어찌됬든 eval!(o.responseText) 가 아닌 JSON.parse(o.responseText)로.. 2011. 1. 19.
[javascript] AJAX 기본으로 쓰기 //ajax 객체 생성 function getAjaxHttp(){ var xmlhttp; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } return xmlhttp; } //데이터 요청 보내기 //요건 ajax객체와 호출한 곳에서 넘겨준 콜백 메소드를 재호출해 준다. //간단하게 정수타입을 반환해서 쓰면 utf8 필요없다. function requestAjaxData(ajax, method, url, callback){ ajax... 2011. 1. 19.
[자바스크립트] 숫자에 콤마 붙이기 //콤마 붙이기 function numberComma(o) { var nocomma = o.value.replace(/,/gi,''); // 불러온 값중에서 컴마를 제거 var b = ''; // 값을 넣기위해서 미리 선언 var i = 0; // 뒤에서 부터 몇번째인지를 체크하기 위한 변수 선언 // 숫자를 뒤에서 부터 루프를 이용하여 불러오기 for (var k=(nocomma.length-1); k>=0; k--) { var a = nocomma.charAt(k); if (k == 0 && a == 0) { // 첫자리의 숫자가 0인경우 입력값을 취소 시킴 o.value = ''; return; }else { // 뒤에서 3으로 나누었을때 나머지가 0인경우에 컴마 찍기 //i가 0인 경우는 제일 뒤.. 2011. 1. 19.
jQuery 쉽게하기 - API 깨부시기, jQuery Core API(Application Program Interface, 응용프로그램 인터페이스)란 어떤 응용프로그램에서 제공한 메소드들의 모음입니다. 사전적으로 해석을 해보자면 "응용 프로그램과 대화하기" 가 되겠습니다. 사람사이의 대화방법은 몸짓, 말, 글을 사용합니다. 이것들을 인터페이스라고 할 수 있습니다. 단, 서로 의미가 통해야 합니다. 즉, 사전에 정의된 해석방법으로만 대화가 가능하죠. 고개 숙여 인사를 하는 박찬호를 보고 이상하게 생각했다는 미국인들과 같이 해석의 방법이 미리 정의되지 않은 대화방법으로는 오해 또는 소통이 불가하게 됩니다. 프로그램에서도 어떤 응용프로그램에 접근하기 위해 사전에 정의된 함수들의 모음이 존재하고, 이 모음을 외부에 노출하기 위해 정리한 것이 API 라고 할 수 있습니다... 2011. 1. 19.
jQuery 쉽게하기 - 기본부터 시작하자, 함수(Function) 편 함수(Function)란 객체의 행동을 나타내는 일련의 과정을 프로그램으로 표현한 것입니다. 즉 영어문법으로 보자면 동사가 됩니다. "~을 실행하다"의 의미로 받아 들이시면 됩니다. 모니터를 예로 들어볼까요. 모니터는 화면, 전원 단자, 비디오 단자, 파워버튼 등으로 이루어져 있습니다. 이것들이 모니터의 속성(Properties)이죠. 그럼 모니터로 할 수 있는 일을 정리해 보면 "화면을 표시한다" 라는 중요한 기능외에 "각도를 조절한다.", "밝기를 조절한다." 등의 부가기능들이 있습니다. "화면을 표시한다"라는 기능을 구현하기 위해 그 안에 뭔가 처리를 해야 합니다. 이런 일련의 내용들을 함수를 구현한다 정도로 정리가 되는 것 같습니다. 괜히 사족을 달아서 더 어려운 개념처럼 만든건 아닌가 모르겠네요.. 2011. 1. 18.

티스토리툴바