본문 바로가기

프로그램&DB

[jQuery강좌] 16. jQuery Form API - 폼 지원 메서드에 대하여 by 승연아빠님 웹 프런티어와 함께 하는 jQuery 기초강좌 16th - jQuery FORM API 폼(form)을 위한 API 이번 시간에는 Form에 대한 이야기를 진행합니다. 웹 프로그램에서 Form은 매우 중요한 요소입니다. 사용자의 데이터를 서버로 전송을 하는 막중한 임무를 뛰고 있습니다. ASP.NET에서는 단일 폼의 형태로 구성이 되어 있었으며, 많은 부분이 Form에 대해 크게 신경을 쓰지 않아도 되는 부분이 있었습니다. 하지만 ASP.NET MVC가 나오면서 상황은 바뀌었습니다. ASP, PHP 처럼 Form을 직접적으로 컨트롤 하고, 다중 폼을 이용한 프로그래밍이 쉬워졌기 때문입니다. 물론 ASP.NET도 Form을 통한 데이터 전달이나 이벤트 발생을 하고 있지만 대부분 개발자가 크게 신경을 써야 .. 더보기
[jQuery강좌] 15. jQuery Attribute - 요소의 속성 관련 메서드에 대하여 by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 15th - jQuery Attribute(속성 관련 메서드 알아보기) HTML 문서의 속성 제어하기 이번 시간에는 jQuery를 이용하여, 개체 속성을 제어하는 방법에 대해 알아 보도록 하겠습니다. HTML 요소에서 이름을 제외한 나머지 요소는 모두 속성이 될 수 있습니다. 즉 더보기
[jQuery강좌] 14. jQuery CSS - 스타일 관련 메서드에 대하여 by 승연아빠님 웹 프런티어와 함깨하는 jQuery 기초강좌 14th - jQuery CSS(스타일 관련 메서드 알아보기) HTML 문서의 스타일 제어하기 jQuery에서는 역시나 굉장히 많은 API를 제공 하고 있습니다만, 여기서는 자주 사용되는 API를 중심으로 설명을 드리고, 필요에 따라서 부수적인 API에 대해 이야기 하도록 하겠습니다. 우선 스타일을 직접적으로 제어하는데 사용되는 API를 알아 보도록 하겠습니다. .css() 적용된 스타일을 가져오거나, 새로운 스타일을 적용합니다. $(“div”).css(“background-color”)의 경우 해당 선택된 개체의 배경 색상을 가져옵니다. 기본적인 표현 식은 스타일에서 사용되는 구문을 동일하게 사용하시면 됩니다. 새로운 스타일을 적용하고 싶을 경우에는 css(.. 더보기
[jQuery강좌] 13. jQuery Core by 승연아빠님 웹 프런티어와 함께 하는 jQuery 기초강좌 13th - jQuery Core jQuery Core ? 지금까지 jQuery의 셀렉터나 API를 통한 jQuery 사용법을 알아 보았습니다. jQuery의 기본은 selector라고 말씀을 드렸지만, 이번 강좌는 제목 부터가 “CORE” 입니다. 기본 중에 기본이라고 해야 할까요? 강좌를 시작하면서 언급했던 내용으로 jQuery의 약자로 “$”를 사용한다고 말씀 드렸습니다. jQuery 소스를 확인 해 보시면 jQuery 문자 대신에 “$”를 사용할 수 있도록 설정하는 부분을 어렵지 않게 찾을 수 있습니다. (소스코드 마지막에 위치합니다.) 첫 번째로 jQuery(=$)를 사용하여, jQuery object를 생성하는 방법에 대해 알아 보도록 하겠습니다... 더보기
[jQuery강좌] 12. jQuery Traverse - Tree Traversal by 승연아빠님 웹 프런티어와 함께 하는 jQuery 기초강좌 12th - jQuery Traverse(탐색) 세 번째 이야기 - Tree Traversal 탐색(Traverse) 메서드의 마지막 시간으로 이번에는 Tree 와 관련된 메서드에 대해 알아 보도록 하겠습니다. Tree Traversal Tree하면 생각나는 그 강좌가 있지 않으시나요 ? Hierarchy Selector진행 시 HTML DOM에 대한 내용 기억하시나요 ? 이번 시간도 DOM을 이용하는 부분이니, 혹시라도 기억이 나지 않으시면 미리 한번 확인을 해 보시고 이번 강좌를 보시면 도움이 많이 되지 않을까 합니다. 이전에 작성했던 강좌와 동일하게 우선 jQuery에서 지원하고 있는 메서드의 목록을 알아 보도록 하겠습니다. 아래에 나열된 목록과 설명은.. 더보기
[jQuery강좌] 11. jQuery Traverse - Miscellaneous Traversing by 승연아빠님 웹 프런티어와 함께 하는 jQuery 기초강좌 11th - jQuery Traverse(탐색) 두 번째 이야기 - Miscellaneous 탐색 메서드 두 번째 시간으로 이번에는 Miscellaneous 메서드에 대해 알아 보도록 하겠습니다. 우선 Miscellaneous 메서드의 종류를 정리하면 다음과 같습니다. 메서드 메서드 설명 .add() 일치하는 요소의 집합에 요소를 추가합니다. .andSelf() 현재 설정 스택에 요소의 이전 설정을 추가합니다. .contents() 텍스트 및 주석 노드를 포함 일치하는 요소 집합의 자식 집합을 반환합니다. .end() 이전 상태로 일치하는 집합을 반환합니다. 표 1. [jQuery Miscellaneous 메서드 종류] Miscellaneous의 뜻을 사전에.. 더보기
[jQuery강좌] 10. jQuery Traverse - Filtering by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 10th - jQuery Traverse(탐색) 첫 번째 이야기 필터링 jQuery의 탐색(Traverse) 메서드를 이용하여 셀렉터에 날개를 달자 “Traverse”는 위에 보시는 바와 같이 가로지르다, 횡단이란 뜻을 가지고 있으며, jQuery에서 지원하는 Traverse 메서드 또한 HTML을 가로지르거나, 횡단하는 것 처럼 탐색하는 역할을 합니다. 해당 메서드를 간략히 설명하면 셀렉터를 통해 선택한 개체에서 다시 한번 개체를 찾고, 필터링하고, 추가하는 작업을 쉽게 구현 할 수 있도록 도와주는 메서드라고 생각 하시면 됩니다. 물론 기존의 셀렉터를 통해서도 충분히 원한는 개체를 탐색하거나, 선택 하는데 큰 지장이 없습니다만, Traverse 메서드를 이용.. 더보기
[jQuery강좌] 9. jQuery Filter - 자식필터(Child Filter) by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 9th - jQuery Filter의 자식(Child) 필터의 사용 지난 시간에 설명드린 필터의 사용법에 이어 자식(?Child) 필터에 대해 알아 보기로 하겠습니다. 자식(Child)에 대한 내용을 모르고 계신다면 이전에 설명드린 HTML DOM에 대한 강좌를 한번 확인 하시기 바랍니다. 자식필터 아래 목록을 통해 나열된 내용을 보면 이번강의 초반에 나왔던 필터와 비슷하게 보이실 겁니다. 사용하는 구문도 많은 부분이 비슷하지만 결과는 정말 다릅니다. 우선 자식필터(Child Fiter)에 대해 간단히 정리하고 앞서 말한 결과의 차이에 대해 알아 보기로 하겠습니다. 필터 종류 및 형식 필터 설명 :first-child 자식 요소 중 첫번째에 해당하는 요소를 모.. 더보기

티스토리툴바