남다른 논리

프로그래밍/웹프로그래밍

[jQuery] encodeURIComponent() 사용법

encodeURIComponent()은 자바스크립트 펑션으로서 URI콤퍼넌트를 인코드 합니다.이 인코딩은 , / ? : @ & = + $ # 같은 기호도 같이 인코딩 합니다. 예를 들면var uri = "https://w3schools.com/my test.asp?name=ståle&car=saab"; var res = encodeURIComponent(uri); 를 인코딩하면, https%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab 처럼됩니다. [예제]Click the button to encode a URI. Try it [결과] 버튼을 누르면 아래처럼 인코딩된 URI가 나옵니다. 참고로 URI는 Uniform Reso..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 Event Helpers 사용하기

이번에 배울 것은 Event Helpers 입니다. 다음은 스크립트와 스타일입니다 위에서 .one 이 의미하는 것은 한번만 작동하라는 것입니다. [html] Mouse over~~~~~ 결과화면 입니다.

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 이벤트

[jQuery Event] 제이쿼리 on /off에 대한 API 입니다.http://api.jquery.com/on/ http://api.jquery.com/category/events/event-handler-attachment/ 에 들어있는 내용중 on /off 연습입니다. [html] Binding and Unbinding Events Example jQuery 마우스 오버 Type in this text field Last character typed: 스크립트 적용뒤, 처음에는 마우스 오버시, 배경이 빨간색으로 되며, 클릭한 다음에는다음과 같이 나옵니다. 스크립트 마지막의 다음 부분은 내용 입력시, 페이지 표기되는 스크립트입니다.$("textEntry").on("keypress", functio..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 강좌를 시작하며..

좀 나중에 적게 되었지만, 제이쿼리에 강좌에 대해 적어봅니다. 이 강좌는 링크드인의 러닝강좌 중 (jQuery Essential Training) 을 공부하며 정리한 것입니다.강좌는 영어로 되어 있지만, 내용중 이해가 안되는 분들은 질문하시거나, 참조한 강좌를 보시면 됩니다. 이 강좌로 제이쿼리를 마스터 할수 없지만, 좋은 시작점이 될거라 생각됩니다. 공부하다보니, 제이쿼리가 웹에서 많이 중요함을 느낍니다. 자바스크립트 라이브러리지만, 많은 기능을 포함 하고 있어서 이 강좌 이후에도 깊이 있는 연구할 필요가 있다고 생각됩니다. 좋은 프로그램 언어이자, 필수 라고 생각됩니다. 제이쿼리를 시작하기에 앞서 HTML, CSS, JAVASCRIPT에 대한 이해가 필요합니다. 혹이 이 블로그로 공부하신다면, 충분치..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 연습문제3

아래 스트립트 내용을 쓰는 것입니다. 문제: html내용의 상품 리스트 중 버튼을 클릭한 상품만 나오도록 하세요. [html]아래중 div내의 form부분은 버튼관련 html을 추가해야 하는 것입니다. ( ) Products H+ Sport is dedicated to creating eco-friendly, high-quality, nutrient-rich, nutritional products that enhance active lifestyles. We guarantee it. Take a look at some of our products. Vitamin A Vitamin-B Complex Blueberry Mineral Water Vitamin C Chocolate Protein Bar Calc..

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 DATA

제이쿼리 DATA 추가, 삭제, 확인 하는 예제입니다. html 문장 1 문장 2 문장 3 문장 4 문장 5 Store data Remove data Show data결과화면 : 데이터를 저장하고, show data 버튼을 누른 화면입니다.

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리와 CSS

제이쿼리와 CSS html은 아래와 같고 문장 1 문장 2 문장 3 문장 4 문장 sentence 5 Set Property Set Properties Add Class Remove Class Toggle Class 각 스크립트의 결과물 입니다

프로그래밍/웹프로그래밍

[jQuery] 제이쿼리 attr() 이해하기

jQuery의 API 인 attr (attribute)를 사용하는 예제 입니다. [html]