본문 바로가기

분류 전체보기

(129)
Javascript(7) - 종합 평가 점수 계산 및 결과 출력 1) Javascript 예제   1-1) 종합 평가 점수 계산 및 결과 출력     1) Javascript 예제1-1) 종합 평가 점수 계산 및 결과 출력scit45_오후_황상범.html [ 종합 평가 점수 ] Java Fundamental : 점 Oracle Database : ..
JQuery(3) - 이벤트, 애니메이션 효과, 예제(버튼 선택에 따른 링크 이동, 텍스트 타이핑 커서 구현) 1) JQuery   1-1) 이벤트   1-2) 애니메이션 효과2) JQuery 예제   2-1) 버튼 선택에 따른 링크 이동   2-2) 텍스트 타이핑 커서 구현     1) JQuery1-1) 이벤트05.이벤트.html [ J-Query 이벤트 ] 이벤트 관련 함수 on() 함수 - 이벤트 연결 $(셀렉터).on(이벤트 이름, 함수) off() 함수 - 이벤트 연결 제거 $(셀렉터).off() $(셀렉터).off(제거할 이벤트 이름) tr..
JQuery(2) - 선택자, 배열 및 함수, 문서 객체 1) JQuery   1-1) 선택자   1-2) 배열 및 함수   1-3) 문서 객체     1) JQuery1-1) 선택자02.선택자.html [ JQuery 선택자 ] p태그 id가 있는 p태그 class가 있는 p태그 p태그 aaaa bbbb cccc 이름 나이 주소 홍길동 20 서울 이순신 30 부산 곽재우 40 대전 세종대왕 ..
JQuery(1) - 기본 개념 1) JQuery   1-1) 기본 개념     1) JQuery 1-1) 기본 개념01.기본개념.html   ※ "body 태그 내의 script 태그 미적용" 시 화면  ※ "body 태그 내의 script 태그 적용" 시 화면
Javascript(6) - 예제(간단한 계산기, window) 1) Javascript 예제   1-1) 간단한 계산기 예제   1-2) window 예제     1) Javascript 예제1-1) 간단한 계산기 예제 Ex06.예제_교수님_ver.html * 계산기 + - * / =  ※ 첫 접속 화면 ※ "계산" 버튼 클릭 시 화면          ※ "리셋" 버튼 클릭 시 화면   1-2) window 예제Ex07.예제.html    Ex07.sub.html zzzzzz   ※ 첫 접속 화면 : live server를 통해 웹 페이지를 열어야 한다! ※ "클..
Javascript(5) - 예제(class 추가/삭제, selectBox를 통한 이미지 선택, 데이터 출력, 주민등록정보 조회) 1) Javascript 예제   1-1) class 추가, 삭제 예제   1-2) selectBox를 통한 이미지 선택 예제   1-3) 데이터 출력(table 형식) 예제   1-4) 주민등록정보 조회 예제     1) Javascript 예제1-1) class 추가, 삭제 예제 class 추가, 삭제 예제.html querySelectorAll 예제 첫 번째 문장 두 번째 문장 세 번째 문장 네 번째 문장 강조 강조 제거  ※ 첫 접속 화면 ※ "강조" 버튼 클릭 시 화면 ※ "강조 제거" 버튼 클릭 시 화면   1-2) selectBox를 통한 이미지 선택 예제Ex03.예제_교수님_ver.html html ..
Javascript(4) - HTML DOM 이벤트, HTML BOM, 예제(배경색 변경 / 글자수 표기) 1) Javascript   1-1) HTML DOM 이벤트   1-2) HTML BOM   1-3) 예제(배경색 변경 / 글자수 표기)     1) Javascript1-1) HTML DOM 이벤트 13.HTML DOM 이벤트.html 이름 입력: 마우스를 올려보세요   ※ onfocus 이벤트   ※ onchange 이벤트 & onfocusout 이벤트  ※ onmouseover 이벤트   ※ onmouseout 이벤트  ※ 변경 버튼을 통한 이미지 변경( 첫번째 이미지 >> 두번째 이미지 >> 세번째 이미지 >> 첫번째 이미지 )       1-2) HTML BOM14.HTML BOM.html ..
Javascript(3) - Object 객체, JSON, 함수, 객체생성자 함수, HTML DOM 1) Javascript   1-1) Object 객체   1-2) JSON   1-3) 함수   1-4) 객체생성자 함수   1-5) HTML DOM     1) Javascript1-1) Object 객체08.Object객체.html    1-2) JSON09.JSON.html    1-3) 함수10.함수.html    1-4) 객체생성자 함수11.객체생성자 함수.html   1-5) HTML DOM12.HTML DOM.html 안녕하세요 안녕하세요 안녕하세요