잰니의 성장블로그✈

이벤트와 효과 제이쿼리를 이용하면 웹 페이지에서 발생되는 이벤트를 쉽게 처리할 수 있다. 마우스, 폼 , 윈도우 등의 조작으로 인해 발생되는 이벤트를 제이쿼리로 처리하고, 또 페이지 요소들에 대해 숨기기(hide), 페이드, 슬라이드(slide), 그리고 애니메이션(animation) 등 다양한 효과를 주는 제이쿼리 메써드도 알아본다. 이벤트는 웹 페이지에서 사용자의 마우스나 키보드 조작에 의해 발생되는 사건/일/작업/행동을 말한다. 예를 들어 사용자가 키보드를 클릭하면 클릭 이벤트가 발생한다. 제이쿼리를 이용하면 웹 페이지에서 발생하는 이벤트를 쉽게 처리 할 수 있다. 발생된 이벤트를 처리해 주는 함수를 이벤트 메써드라고 한다. 제이쿼리에서는 마우스이벤트, 키보드 이벤트, 문서 이벤트, 브라우저 이벤트..

요소 탐색 제이쿼리에서는 DOM 트리에서 현재 요소를 기준으로 특정 요소를 찾는 다양한 메써드를 제공한다. 메써드 설명 parent ( ) 현재 요소의 부모 요소를 찾아서 그 요소의 CSS를 조작 find ( ) 현재 요소를 기준으로 하위에 있는 특정 요소를 찾아서 CSS를 조작 siblings ( ) 선택된 요소의 형제 요소들을 찾아서 CSS를 조작 더보기 parent 메써드 항목 1 항목2(span요소) 품목 1 품목 2 find() 메써드 항목 1 항목2(span요소) 품목 1 품목 2 siblings() 메써드 타인 형제 1 형제 2 나 형제 3 형제 4

기본 문법 = > $("제이쿼리_선택자") 기본 선택자 예시 설명 전체 선택자 $(" * ") 전체 요소 선택 요소 선택자 $(" p ") 모든 선택 아이디 선택자 $(" #name ") id = "name" 인 요소 선택 클래스 선택자 $(" .red ") class="red" 선택 그룹 선택자 $(" p, div, h2 ") 모든 ,, 선택 더보기 전체 선택자 전체 선택자 *는 페이지의 모든 요소를 선택한다. 항목1 항목2 요소 선택자 요소 선택자는 태그 선택자로도 불리는데 페이지에서 해당 요소를 선택한다. 항목1 항목2 아이디 선택자 아이디 선택자는 태그 페이지에서 id 속상값을 선택한다. 항목1 항목2 클래스 선택자 클래스 선택자는 요소의 class 속성값으로 해당 요소를 선택해서 만들어 준다. ..

jQuery 정의 jQuery는 자바스크립트에서 자주 사용되는 기능을 함수나 객체로 모아놓은 라이브러리 파일이다. (어느 프로그램에서 자주 사용되는 함수나 객체를 하나의 파일로 생성해두고 변경없이 그대로 불러서 사용할 수 있는 코드블럭) 제이쿼리를 사용하면 자바스크립트로 웹 프로그래밍 할 때 웹 페이지에서 HTML 요소를 가져오고 요소에 내용을 설정하는 등의 작업을 쉽고 간결하게 처리 할 수 있다. 제이쿼리는 매우 쉽게 자바스크립트 프로그래밍을 해주는 자바스크립트 라이브러리 중 하나이다. 크게 보면 하나 이상의 서브루틴이나 재사용 가능한 함수들을 모아놓은 파일로 볼 수 있다. 자바스크립트 라이브러리 웹 사이트 개발에 필요한 DOM조작, 애니메이션, 페이지 레이아웃, 탐색, 모바일 지원 등 다양한 기능을 ..

보호되어 있는 글입니다.

Try and operate the calculator : ) ACC= 123 * 456+ 789- 0./

00:00:00 Start Stop Reset

웹 프로그래밍의 구조 네트워크는 Client(서비스를 요청하는 쪽)-Server(서비스를 제공하는 쪽) 구조와 P2P(Peer to Peer) 구조(서로가 동등한 위치로써 어느 한쪽이 서비스를 제공하면 그 순간 서버가 되고, 반대로 서비스를 요청하면 그 순간 클라이언트가 되는 구조)인데 웹 서비스를 제공하기 위해서는 서버 컴퓨터와 서버에서 동작하는 여러 프로그램들이 필요하다. 이런 서버를 Thick Network라고 부른다. 서버에서 동작하는 프로그램 영역을 백엔드(웹 서버 소프트웨어, 웹 프레임워크, 데이터베이스 등)라고 한다. 그리고 서비스를 이용하는 쪽은 클라이언트라고 하는데 클라이언트는 스마트폰, 데스크탑 등이 될 수 있고 최근에는 자동차, TV, 냉장고(Embeded System) 등에서도 인터..

자바스크립트 객체 자바스크립트에서는 숫자, 문자열, 함수, 배열, 날짜 등의 데이터뿐만 아니라 HTML 요소와 브라우저에 관련된 모든 것이 객체 기반으로 되어 있다. 여기서 객체와 속성, 메써드를 정의해서 객체를 생성해본다. 객체에는 문서 객체 모델(DOM)과 브라우저 객체 모델(BOM)로 나눈다. 객체란 자바스크립트는 객체(Object) 기반의 언어이며 자바스크립트를 이루고 있는 거의 모든 것이 객체이다. 숫자, 문자열, 함수, 배열 등도 모두 객체이다. 자바스크립트의 객체는 객체에 속한 변수인 속성(Property)와 객체에 속한 함수인 메써드(Method)로 구성된다. 하나의 객체는 데이터를 의미하는 속성과 데이터를 처리하는 기능을 가진 메써드의 집합으로 볼 수 있다.

더보기 - 책값 : - 원 - 할인율 : - % - 배송비 : - 원 ------------------------------------ 지불금액: - 원 거스름돈 계산하기 더보기 글씨 색상 변경하기 배경색 바꾸기