728x90 전체 글208 HTML 개요 HTML개론 1. html이란 ? html : Hyper Text Markup Language의 약자이다. SGML(Standard Generalized Markup Language)에 기반을 두고 있다. 표준화 기군인 W3C에 의해 관리된다. 현재 4.x이 일반적으로 운영되고 있으나 신규 프로젝트들의 대부부분은 5.x 스팩에 맞추어 제작되고 있다. 2. html 특징 대소문자 구별이 없다. 태그()로 이루어져 있다. 2칸 이상의 공백과 줄바꿈을 인식하지 못한다. 태그에는 항상 쌍을 이루는 태그와 단독으로 쓸 수 있는 태그가 존재한다. 일반적으로 확장자는 "htm" 또는 "html"을 사용한다. 3. html문서의 주소 html문서의 의미를 알아보자. http://www.itdoc.co.kr/html/i.. 2021. 7. 30. 응용예제(앨범만들기) 배열과 이미지 객체를 사용한 앨범 만들기 [실습예제] onmouseover Event 객체 발생한 이벤트에 대한 정보를 기억하고 있는 객체. IE 계열과 비IE 계열의 사용법이 다르다. IE window.event 비 IE function func(e) 주요 속성 altKey alt 키를 눌렀을 때 발생 합니다. altLeft 왼쪽 alt키를 눌렀을 때 발생 합니다. button 마우스 버튼을 눌렀을 때 발생 합니다. (1=왼쪽, 2=오른쪽, 3=양쪽) clientX 윈도우에서 실제 데이터 영역을 기준으로 마우스의 x좌표의 위치를 알려줍니다. clientY 윈도우에서 실제 데이터 영역을 기준으로 마우스의 y좌표의 위치를 알려줍니다. ctrlKey ctrl키를 눌렀을 때 발생 합니다. ctrlLeft 왼쪽.. 2021. 7. 30. 응용예제 - 시계만들기 1. setInterval / clearInterval 의 원형 시 수 선 수 학 습 학 습 목 표 - 객채의 개념 setInterval clearInterval 1. 타이머를 설정/중지 할 수 있다. 2. 상태 표시줄에 시간을 표시 할 수 있다. 변수 = setInterval(func, msec, arg1, arg2, arg3...) clearInterval(변수) [예제] 실습 예제(시계 만들기) [실행 결과] 2021. 7. 30. JSON 표기법 JSON 표기법이란 ? JavaScript Object Notation 의 약자로 서로 다른 프로그래밍 언어 간에 데이터를 교환하기 위한 표기법으로 읽고 쓰기 쉽도록 고안해낸 데이터 표기법중 하나. 간단한 데이터를 표현하기 하는데는 XML 보다도 더 간단해 질 수 있어 모바일용으로 적극 권장되고 있음. XML 보다는 기능이 적고 간단하기 때문에 파싱하는데 필요한 시간이 단축될 수 있음. 표현 방법 대부분의 언어에서 친숙하게 사용되고 있는 구조로서 3가지 형태로 표현 할 수 있다. 1) {변수:값, ...} 형태 2) [배열] 3) 혼합형 1. { 변수:값, ...} 형태 {}를 사용하여 변수명과 값을 나열하는 행태. 과일이름을 정의해 보자. var fruits = { apple:'사과' , banana:.. 2021. 7. 30. 이벤트란? 이벤트란? 이벤트란 컴퓨터와 작업자 사이에 발생하는 일종의 메시지이다. 가. 이벤트 발생 이유 작업의 시작과 끝을 알리거나 컴퓨터나 작업자가 알아야할 내용이 발생할 때 이를 전달하기 위해 이벤트를 발생 시킨다. 이때 인터럽트란 것에 의해 처리 과정에 있던 일들이 잠시 중단될 수 있다. 나. 이벤트와 이벤트 핸들러 이벤트를 컴퓨터와 작업자 사이에 주고 받는 메시지라 하면 이벤트 핸들러는 이 메시지를 감지하는 함수라 볼수 있다. 하나의 이벤트 핸들러는 하나의 이벤트와 연결되어 있다. 다. 이벤트 객체 브라우저 마다 약간씩의 차이는 있으나 아래와 같은 방법으로 이벤트를 핸들링 할 수 있다. function test(event){ ev = event || window.event; } 이벤트와 관련된 정보 alt.. 2021. 7. 30. Screen 객체 Screen 객체 사용자의 디스플레이 정보를 저장하고 있는 객체이다. 속성 Method 설 명 availHeight / availWidth 윈도우의 인터페이스 영역을 제외한 실제 화면 높이 와 넓이 colorDepth 사용 가능한 컬러수 pixelDepth 한 픽셀당 비트수(브라우저에 따라 지원 불가) height / width 화면의 높이와 넓이 [예] 현재 사용자의 다스플레이 모니터의 크기를 화면에 나타내 보자. [결과] 사용자의 모니터 해상도에 따라 다르게 나옵니다. 2021. 7. 30. Math 객체 Math 객체 1. Math 객체 1.1. Math.max(a,b) : a 와 b 중 큰수를 리턴한다. a=10 ; b=20 r=Math.max(a,b) --> 20 1.2. Math.min(a,b) : a 와 b 중 작은수를 리턴한다. a=10 ; b=20 r=Math.min(a,b) --> 10 1.3. Math.random() : 0~1 사이의 난수를 리턴한다. a= Math.random() --> 0~1 사이의 난수 b= parseInt(Math.random()*100) --> 0~100 사이의 난수 c= parseInt(Math.random() * 80) + 10 --> 10 ~90 사이의 난수 1.4. Math.round(x) : x를 반올림한다. a= Math.round(10.4) --> 1.. 2021. 7. 30. Date 객체 Date 객체 1. 객체 생성하기 변수 = new Date() 변수 = new Date(y,m,d,ho,mi,se) 가. 주요 method today=new Date()로 날짜 객체를 생성했을 경우 Method 설 명 today.getYear() 현재 시스템의 연도. today.getMonth() 0~11사이의 월. 실제 월을 구하려면 today.getMonth()+1을 해야함. today.getDate() 날짜. today.getDay() 요일. 0=일요일 today.getHours() 0~23 사이의 시간 today.getMinutes() 0~59 사이의 분 today.getSeconds() 0~59 사이의 초 예) 현재일을 yy/mm/dd 로출력 : dd = today.getYear() + "/" .. 2021. 7. 30. 이전 1 ··· 20 21 22 23 24 25 26 다음 728x90 LIST
