JavaScript(Event Handling)

Slides:



Advertisements
Similar presentations
내 마음의 버 스 이천신하교회 청년부. 이름 : 한상훈 나이 : 30 살 종교 : 기독교 ( 모태신앙 ) 생활신조 : 인생은 한방 ! 로또나 사자 이상형 : 청순 가련한 모태미녀 특이사항 : 걸그룹 노래에 환장함 식스팩을 갖기엔 슬픈 몸을 타고 남.
Advertisements

10장. 시기별 학급경영 11조 염지수 이 슬 권용민 신해식.
일본 근세사. (1) 에도막부의 개창 ( ㄱ ) 세키가하라의 전투 (1600) - 히데요시의 사후 다섯 명의 다이로 ( 大老 ) 가운데 최대 영지 (250 만석 ) 를 보유하고 있던 도쿠가와 이에야스가 급부상. 이에 이에야스와 반목해 온 이시다 미쓰나리 ( 石田三成 ),
독서골든벨 2009 학년도 6 학년 1 학기 6-10 반. 1. 이야기 삼국유사 정대한 원효대사는 수행을 위해 떠나던 중 피곤하여 숲 속에서 잠이 들었다. 잠결에 너무 목이 마른 나머지 어디에 담겨있는 물을 맛있게 마셨나요 ?
아니마 / 아니무스 송문주 조아라. 아니마 아니마란 ? 남성의 마음속에 있는 여성적 심리 경향이 인격화 한 것. 막연한 느낌이나 기분, 예견적인 육감, 비합리적인 것에 대 한 감수성, 개인적인 사랑의 능력, 자연에 대한 감정, 그리.
대구가톨릭대학교 체육교육과 06 학번 영안중학교 체육교사 신웅섭 반갑습니다. 반야월초등학교 축구부 대륜중학교 축구부 대륜고등학교 대구가톨릭대학교 차석 입학 대구가톨릭대학교 수석 졸업 2014 년 경북중등임용 체육 차석 합격 영안중학교 체육교사 근무 소개.
홈페이지 만들기. Cyber 공간에서 자신이 갖고 있는 정보 나 관심사를 다른 사람들에게 체계적으 로 공개하거나, 시간과 장소에 구애 받지 않고 정보화 시대에 발맞춰 자신을 어필 할 수 있음.
교수님 영상 제 2 장 관세법 일반 제 1 절 통칙 제 2 절 법 해석의 원칙 등 제 3 절 기한과 기간 제 4 절 서류의 송달 등 제 5 절 관세의 부과 및 징수 제 6 절 납세의무의 소멸 등.
두 손 들고 두 손 들고 찬양합니다 두 손 들고 찬양합니다 다시 오실 왕 여호와께 다시 오실 왕 여호와께 두 손 들고 찬양합니다 두 손 들고 찬양합니다 다시 오실 왕 여호와께 다시 오실 왕 여호와께 오직 주만이 나를 다스리네 오직 주만이 나를 다스리네 나 주님만을.
일장 - 1 일 24 시간 중의 명기 ( 낮 ) 의 길이 ( 밤은 암기, 낮은 명기 ) 광주기성 - 하루 중 낮의 길이의 장단에 따라 식물의 꽃눈 형성이 달라지는 현상 일장이 식물의 개화현상을 조절하는 중요한 요인 단일식물 - 단일조건에서 개화가 촉진되는 식물 장일식물.
2 학년 6 반 1 조 고은수 구성현 권오제 김강서.  해당 언어에 본디부터 있던 말이나 그것에 기초하여 새로 만들어진 말  어떤 고장 고유의 독특한 말  Ex) 아버지, 어머니, 하늘, 땅.
지금은 기도 하는 시간입니다 1. 송구영신예배를 위해서 2. ‘크리스마스 이브’ 행사를 준비하는 교육 기관을 위하여
“할배들의 수다” 전통시장 최고의 집을 찾아라
2014년도 교원 및 기간제교사 성과상여금 전달교육 개 회 국기에 대한 경례 - 인사말
선진 고양교육 “유아교육 행정 업무 연수” 유치원 회계실무 및 유아학비 연수 경기도고양교육청.
孔子가 말씀하시길…………………. - 공 자.
기 본 원 칙 1 가. 실행가능한 적정예산 편성 나. 포괄적인 예산편성 지양
공교육 정상화 및 선행학습 금지 학부모 연수 부천송일초등학교.
묵자 겸애, 비명, 비공, 상현, 상동, 천지, 명귀, 삼표 법.
HTML5 & API 입문(1차) 발표자 : 김선영.
내 아이를 위한 구강관리.
현대사회의 여성문제와 여성복지 3조 권경욱 강향원 황대인 변갑수 박창욱 김지현.
14주차 1교시 강화계획 [학습목표] 1. 강화계획의 정의를 안다 [학습내용] 1. 단순한 강화계획 2. 간헐적 강화 3. 복합 계획 4. 선택과 대응법칙 [사전학습] 강화계획이 일어날 수 있는 사례를 생각해본다.
제16장 원무통계 • 분석 ☞ 통계란 특정의 사실을 일정한 기준에 의하여 숫자로 표시한 것을 말한다.통계로서 활용할 수 있는 조건으로는 ① 동질성을 지녀야 하고 ② 기준이 명확하고 ③ 계속성이 지속되어야 하며 ④ 숫자로 표시하여야 한다 경영실적의.
공부하는 학생선수를 위한 사이버 학습 "다높이" 활용 방법
프로젝트2 Web Programming 강의노트: vrlab.suwon.ac.kr/mwlee
홈페이지 자동 구축 솔루션 K2 Web WIZARD 2.6 관리자 메뉴얼
Qman QMan QMan 이란? QMan은 문제등록 및 관리하는 프로그램으로 문제분류별 관리, 문제입력, 문항분석, 동영상, 이미지, 음성, 수식입력, 일괄입력 기능, 오류문제 수정 기능 등을 이용하여 편리하게 문제은행을 구축할 수 있습니다.
고교평준화의 득과 실 김영주 이지영 최윤영.
서울지방세무사회 부가세 교육 사진클릭-자료 다운 세무사 김재우.
사외내방객 사이트매뉴얼.
치매의 예방 김 은민 윤금 노인요양원 치매의.
HTML CSS 자바스크립트 무작정 따라하기
HTML CSS 자바스크립트 무작정 따라하기
HTML 5+ 자바스크립트 발표자 : 김동한 13주차.
간단한 이벤트 연결 jQuery 단축 이벤트 메서드 사용법
군산대학교 부서통계 시스템 사용자 매뉴얼 Version v1.0 작성자 칸테크 작성일자
2010년 직원연수 자료 제1차 : 4월 16일 ~ 17일 제2차 : 4월 23일 ~ 24일
마산에 대하여 만든이 : 2204 김신우, 2202 권성헌.
Maxcampus [Ctrl] , [Shift] 키 기능 [Ctrl] 키 [Shift] 키 ① 첫 클릭 지점에서 그리기
제주닷컴 매뉴얼 (실시간 예약시스템) 2013년 10월.
낮과 밤 알아보기 슬기로운 생활 2학년 1학기 4. 빛과 그림자>낮과 밤( 4/8 )
[ 포털 사이트 연관검색어/자동완성 등록 서비스 ]
고구려,백제,신라의 건국과 발전 Start!
인터넷응용프로그래밍 Atom(개발 환경).
인터넷응용프로그래밍 JavaScript(array).
명품 웹 프로그래밍.
2장. 홈페이지를 만들기 전에 홈페이지 제작 목적과 제작 과정 홈페이지 제작 관련 기술들 홈페이지 제작에 필요한 준비물
2018년 10월 01일 박성진 Web & Internet [04] CSS3 2018년 10월 01일 박성진
노드 알아보고 개발도구 설치하기 1장 Do it! Node.js 프로그래밍 이지스퍼블리싱 제공 강의 교안 2017/03
ITQ 정보기술자격 국가공인 Excel 2007 Ⅰ- 2회차 강사 : 박영민.
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
2장 비주얼베이직 시작하기 2.1 비주얼베이직 프로그래밍 스타일 2.2 비주얼베이직 시작하기.
의성어 국어어휘론 이신옥 정지연 정지형 임총인.
6장 마케팅 조사 박소현, 김중호, 박기찬.
한밭대학교 창업경영대학원 회계정보학과 장 광 식
Philosophy Update
안내선 교차점에 첫 번째 텍스트 설명 배치 안내선 교차점에 두 번째 텍스트 설명 배치 그림 배경 위의 투명한 애니메이션 도형
음양오행과 물리학 조 원 : 김용훈, 양범길, 박수진, 윤진희, 이경남, 박미옥, 박지선 (11조)
Excel 일차 강사 : 박영민.
문서의 작성 정보과학부 이지연.
토지보상과 세금 2007년 7월 김 형 록.
이야기 치료에 대하여 <8조 학문적 글쓰기 발표> 주희록 최은지
홈페이지 제작 HTML5 + CSS3 + Javascript.
신경언어장애.
차트 만들기 p.307 미리 x축의 항목과, 데이터 계열의 이름이 나타날 수 있도록 지정하는 것이 편리하다.
나-는 믿음으로 주 얼굴 보리니- 아침에 깰 때에 주형상에 만족하리 나주님 닮기 원하네 믿음으로 주얼굴 보리라 -
중국문학개론 한부와 겅건안문학 중어중국학과 ㅇ이진원 한부와 건안문학.
중등교원 전보시스템 사용자 설명서 * 작성일 2018 년 12 월 14 일 * 작성자 광주광역시교육청.
학교시설사용예약관리시스템 매뉴얼 (학교 관리자용) 부산광역시교육청
Presentation transcript:

JavaScript(Event Handling) 인터넷응용프로그래밍 JavaScript(Event Handling)

Ex0) DOM 이벤트

Ex1) Reviewing the load Event html JS update함수, 인터벌

Ex2-1) Event mousemove and the event Object html tbody를 통해 컨텐츠 표시 css 캔버스의 색 효과를 주기 위한 CSS 설정

Ex2-2) Event mousemove and the event Object JS 100x100의 캔버스 생성 Document.createElement()를 통해 tr, td 태그를 생성 후 *.appendChild()를 통해 하위 엘리멘트로 추가 1) 이벤트가 일어날 시에 해당 영역의 태그 이름이 td일 때 2) ctrl 또는 shift 키가 눌러질 때 클래스의 명을 바꾸어 백그라운드의 색이 변경되도록 설정

Ex3-1) Rollovers with mouseover and mouseout html css

Ex3-2) Rollovers with mouseover and mouseout JS 마우스커서가 올라왔을 때의 이벤트 그림이 변환 id를 받아서 글자 색 변환 마우스커서가 벗어났을 때의 이벤트 그림을 원상태로 다시 되돌림 id를 받아서 내용으로 변환

Ex4-1) Form Processing with focus and blur html css

Ex4-2) Form Processing with focus and blur JS 각각 0 ~ 5번까지의 객체에 이벤트를 할당 포커스를 얻는 이벤트와 잃는 이벤트를 추가

Ex5) Form Processing with focus and blur

Ex6) Event Bubbling(이벤트 중복실행 방지) JS html

인터넷응용프로그래밍 JavaScript(canvas)

Ex1) Rectangles 2d를 전달하여 2차원 그래픽을 표시하도록 함 좌표0,0을 중심으로 x, y의 거리 및 사각형의 가로 세로를 결정 좌표0,0을 중심으로 x, y의 거리 및 사각형의 가로 세로를 결정 stroke의 크기 결정

Ex2) Lines moveTo 시작점의 좌표 lineTo 라인을 이어서 그리는 좌표 linewidth 라인의 두깨 lineJoin 라인이 연결되는 부분의 처리 lineCap 라인이 끝나는 부분 처리 strokeStyle 색

Ex3) Circles arc(x, y, radius, start, end) 30반지름의 360도 전부를 채운 원을 그림 50반지름의 180도의 stroke를 그림(반시계방향으로) 50반지름의 180도를 채운 원 그림(시계방향)

Ex4) Shadows y x

Ex5) Beziercurves

Homework1) 공 튀기기 애니메이션 공이 튀는 애니메이션을 완성하세요. 왼쪽 빈 네모 박스에 코드를 추가하여 완성 합니다. 완벽하지는 않아도 공이 벽을 튀면서 움직이는 것과 같이 보이게 만들어도 상관없습니다. 랜덤으로 튀기지 않고 반복적인 동작이라도 무관합니다.

Homework2) 공 던지기 게임 제작 속도와 각도를 맞춘 후 발사버튼을 눌러 네트 안에 공을 넣는 방식의 게임입니다. calculate()함수에서 공이 목표물에 맞았을 때와 경계를 벗어 났을 때의 조건 문을 채워서 완성해보세요. 다음장의 코드를 참조하세요.

Homework2) 코드

Homework2) 코드