본문 바로가기

강좌

[jQuery강좌] 4. jQuery Selector - 속성(Attribute) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 4th 이야기 - 셀렉터 Attribute를 활용한 요소 선택 개체의 속성값을 통해 요소를 선택하자 - Attribute Selector 각각의 요소는 속성(attribute)을 가질 수 있습니다. 각 요소의 속성은 미리 정해진 이름이거나, 사용자의 필요에 의해서 만들어질 수 있으며 jQuery의 CSS 셀렉터와 필터의 조합으로 통해 관련된 요소에 접근 할 수 있습니다. 다음은 jQuery에서 지원하고 있는 속성관련 셀렉터 입니다. (더 많은 종류의 속성관련 셀렉터를 지원하고 있으니 자세한 내용은 jQuery.com에서 확인을 하시기 바랍니다.) 형식(셀렉터) 설명 $(Selector[attr]) attr 속성(attribute)값을 가지는 Selector 요.. 더보기
[jQuery강좌] 3. jQuery를 이용한 HTML DOM 접근 - 기본 셀렉터 (2) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 3rd - jQuery를 이용한 HTML DOM 접근(기본 셀렉터 두 번째 이야기) 원하는 개체를 쉽고 편하게 선택하자 - 셀렉터 셀렉터의 종류 셀렉터 표현 방법 All Selector $("*") ID Selector $("#id") Element Selector $("elementName") Class Selector $(".className") Multiple Selector $("selector1, selector2, selector3, selectorN") 지난 시간에 이어 기본이 되는 셀렉터의 나머지 부분인 클래스와 여러가지 셀렉터를 조합하여 요소에 접근하고, 개체를 탐색 선택하는 방법에 대한 이야기를 진행 하도록 하겠습니다. Class Select.. 더보기
[jQuery강좌] 2. jQuery를 이용한 HTML DOM 접근 - 기본 셀렉터 (1) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 2nd - jQuery를 이용한 HTML DOM 접근(기본 셀렉터 첫 번째 이야기) 원하는 개체를 쉽고 편하게 선택하자 - 셀렉터 이번 시간에는 jQuery의 가장 강력한 기능인 HTML DOM을 탐색하는 기능에 대해 알아 보도록 하겠습니다. jQuery의 DOM 탐색은 CSS SELECTER를 사용하고 있어, CSS에 사용한 표현식을 알고 있다면 보다 쉽게 셀렉터를 이해 할 수 있습니다. jQuery에서는 원하는 HTML의 DOM 요소를 찾기 위해 $(Selector), jQuery(Selector)와 같은 표현식을 사용합니다. $는 jQuery의 축약어로 같은 역할을 하며, 다음과 같은 형태로 사용하여 원하는 DOM 요소를 선택 할 수 있습니다. 셀렉터의 .. 더보기
[jQuery강좌] 1. 웹 개발자를 위한 jQuery 기본이해 by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 1st - 웹 개발자를 위한 jQuery 기본이해 jQuery 먹는 건가요 ? 웹 사이트와 사용자간의 원활한 소통을 위해 사용되었던 자바스크립트는 최근 몇 년간 Web2.0과 Ajax 기술을 활용한 RIA(Rich Internet Application)의 등장으로 인하여 이전보다 복잡하고 늘어난 코드와 다양한 웹 브라우저의 등장으로 크로스브라우징 이라는 장벽이 웹 개발자에게 큰 스트레스를 안겨주고 있습니다. 이러한 문제에서 쉽게 벗어 날 수 있는 해법과 웹 개발에 새로운 패러다임(역동적인 인터페이스, 쉬운 프로그래밍)을 제시하고 있는 jQuery에 대해 자세히 알아보는 보도록 하겠습니다. jQuery는 2006년 “John Resic”에 의해 디자인 된 자바스.. 더보기
HTML5 & 안드로이드 관련 소스 모음 1. HTML5관련 가. jQuery, HTML5, CSS3 튜토리얼 리소스 모음 http://freshenupdesign.com/ultimate-jquery-html5-and-css3-tutorial-roundup/ 나. 크롬과 스트리트뷰를 통해 HTML5의 파워를 보여주는 데모 http://www.chromeexperiments.com/arcadefire/ 다. HTML5 tutorial site http://blogfreakz.com/web-design/html5-tutorial/ 라. HTML5의 깔끔한 정리. http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/ 마. 이미지 처리를 위한 paintbrushJS.. 더보기
박준호님의 C# 강좌 - Assembly 2 (다중 파일 Assembly) 다중 파일 어셈블리 myAseembly.dll에 포함된 세 개 파일 모두 하나의 어셈블리에 속함 하지만 파일 시스템에서는 이들 파일을 세 개의 개별 파일로 인식 Util.netmodule 파일은 아무러 어셈블리 정보를 포함하지 않기 때문에 모듈로 커파일 어셈블리가 만들어질 때 MyAssembly.dll과 Util.dll및 Graphic.bmp와의 관계를 나타내도록 어셈블리 매니페스트가 MyAssembly.dll에 추가된다. 코드 디자인시 단일 파일 어셈블리로 구성할 지, 다중 파일 어셈블리로 구성할 지, 다중 파일 어셈블리로 구성한다면 어떻게 구조화할 것인지를 결정해야함. namespace와 assembly namespace : data type들을 그룹화하는 논리적 개념 하나의 네임스페이스는 여러 개의.. 더보기
박준호님의 C# 강좌 - Assembly1 (단일 파일 Assembly) COM에 대하여 이미 사용중인 검증된 코드의 재사용을 위해 COM 활용 서로 다른 언어로 작성된 바이너리의 타입을 공유하기 위한 방법으로 COM 서버 생성 버전관리의 문제 Client에서 COM 서버를 호출할 때 COM 서버의 버전을 확인할 방법이 제공되지 않는다. 때문에 새로운 버전의 COM 서버를 설치하면 타입라이브러리를 새로 수정하고, 레지스트리를 업데이트하며, 상황에 따라 Client의 코드를 수정하는 상황도 발생(DLL 지옥) 배포의 문제 COM 서버의 정보를 레지스트리에 등록하는 과정은 어렵지 않다. 하지만 COM 서버의 위치나 이름이 바뀌게 되면, 레지스트리 변경이 쉽지 않게 된다. 이 경우 이 COM 서버를 접근하는 Client의 구성정보를 모두 변경해야 한다. 어셈블리(Assembly) .. 더보기
박준호님의 C# 강좌 - Preprocessor Directive(전처리기 지시문) 전처리기 지시문(Preprocess Directive) Compile 시에만 처리되는 명령문 특정 조건에서만 Compile 되도록 처리하기 위한 여러 버전의 Apllication 생성을 위해 standard Edition Enterprise Edition 디버깅 정보를 제공하기 위해 Debug를 위한 버전(debugging을 위한 기능 추가) Release를 위한 버전(Debugging을 위한 기능 제거) #으로 시작되는 지시문을 제공 #define, #undef Compiler에게 해당 기호의 정의 및 제거를 알림 #define DEBUG // DEBUG 기호의 정의 #define ENTERPRISE // ENTERPRISE 기호의 정의 #define STANDARD // STANDARD 기호의 정의 .. 더보기