꿈꾸는느티나무

객체의 계층구조 객체가 뭐지? 라고 궁금증이 생긴다면 아래의 주소를 클릭하자http://dreamzelkova.tistory.com/1080 아래는 자주 쓰는 객체를 정리하였다. 내장 객체 설명 window 최상위 객체로 자바스크립트에서 수행되는 모든 작업을 처리 navigator 독립적인 객체로, 현재 사용하고 있는 웹 브라우저의 일반적인 정보를 제공 link 하이퍼 링크 설정과 같이 다른 문서나 URL 위치로 이동할 수 있다. anchor 책갈피 기능처럼 링크된 문장을 이용해 특정 위치로 이동할 수 있다. image 홈페이지 문서에 삽입된 그림을 제어할 수 있다. location 작업 문서의 URL에 관한 정보를 포함하는 객체이다. history 방문 기록을 저장하고 있는 히스토리 목록을 관리한다. ..

배열을 만들어주는 Array 객체 같은 종류의 데이터타입 여러개를 한번에 제어할 수 있는 배열입니다. 변수를 선언하지 않고 배열이름과 구성번호로 접근가능합니다. 사용방법 배열명 = new Array(인덱스 번호) 배열명.메소드내장객체는 대 소문자를 구별하므로 new array로 입력하면 오류가 뜰 것입니다. 따라서 대소문자를 정확히 구분하여 new Array로 입력하셔야 합니다. 배열의 속성 length 배열에 있는 요소의 개수를 반환 배열의 메소드 concat() 두 배열을 연결시켜 하나의 배열로 반환 join() 배열에 있는 모든 값을 합쳐 하나의 문자열로 반환 slice() 배열의 특정 부분을 반환 sort() 정렬된 배열 반환 reverse() 배열의 내용을 역순으로 반환 예제)

변수란 프로그래밍을 하면서 필요한 데이터를 임시로 저장하는 공간으로 변수의 값은 얼마든지 바꿀 수 있습니다. 변수의 선언 및 규칙 ① 변수 선언은 명령어 var를 사용하여 선언하는 방법과 (VAR 변수;, VAR변수 = "값";), VAR없이 변수명에 값을 지정해서 선언하는 방법(변수="값";)이 있습니다. ② 변수는 대소문자를 구별합니다. 즉 Test와 test는 서로 다른 변수입니다. ③ 변수에는 영문자, 숫자, 언드스코어(_)문자를 사용할 수 있습니다. ④ 변수명은 한글을 사용할 수 없고, 숫자로 시작할 수 없습니다. ⑤ 변수명에는 자바스크립트에서 사용되는 키워드(VAR, TRY,DO...)등을 사용할 수 없습니다. 지역변수와 전역변수 지역변수는 중괄호({})가 있는 명령어 즉 함수 안에서 var을..

사용자가 마우스를 움직이거나 키를 누르는 등의 동작을 이벤트(event)라 한다. 이벤트 앞에 on을 붙이면 on을 붙이면 이벤트핸들러가 되어 이벤트의 기능을 사용할 수 있다. 마우스 관련 이벤트핸들러 onClick 창, 버튼 등을 클릭했을 때 onDblclick 마우스를 더블클릭했을 때 onMouseover 링크나 그림 위로 마우스가 올라올 때 onMouseout 마우스가 링크나 그림 영역에서 벗어났을 때 onMousedown 마우스 버튼을 누르는 순간 onMouseup 마우스 버튼을 눌렀다가 때는 순간 onMousemove 마우스 위치를 옮겼을 때 onDragDrop 마우스를 클릭한 상태에서 이동했을 때 onFocus 커서가 위치할 때 onBlur 커서를 잃어버렸을 때 마우스 조작용 예제※ 확장자 a..

자바스크립트의 삽입방법 링크형 예제) 내장형 예제) 행 입력형 예제) 클릭해주세요 주석 넣기 '/*' 와 */ 안의 글자는 소스에 영향을 미치지 않는다. 예제) /* 이렇게 쓰면 됨 */ 특수문자 설명 \n 한줄 바꾸기 \t 탭 키 \b 백 키 \f 폼피드 \r 캐리지 리턴 \\ 역슬래시 \' 작은 따옴표(')문자 출력 \" 큰 따옴표(") 문자 출력

자바스크립트란?HTML이 텍스트를 입력, 간단한 디자인, 간단한 골격을 이루는 것 이루고 CSS는 HTML보다 상세한 디자인과, 디자인에 대한 통일성 유지, 레이아웃 등 웹페이지의 디자인을 담당하는 언어이다.그렇다면 JavaScript는무었일까? 스크립트란 일종의 매크로로, 프로그래밍 경험이 없는 사람도 손쉽게 프로그램을 자신이 원하는 대로 조작할 수 있게 해준다. 스크립트는 정의된 명령어만 사용하기 때문에 편리하지만 복잡한 응용 프로그램을 만들기에느 부적합하다. 웹 브라우저에서 프로그래밍 경험이 없는 사람도 손쉽게 프로그램을 자신이 원하는 대로 조절할 수 있게 해준다. 웹페이지에서 계산기처럼 계산을 하거나, 테트리스 게임을 만들 수 도 있습니다. 자바스크립트의 사용목적 ① 인터렉티브한 홈페이지를 제작하..

사진에 특수효과를 주는 필터 gray 컬러 사진을 흑백 사진으로 변환 invert 그림 반전 xray X-Ray 촬영사진 chroma 배경색을 투명하게 해줌 문자와 그림을 꾸며주는 필터 pliph 수평 뒤집기 flipv 수직 뒤집기 alpha 그림 경계를 투명하게 해줌 blur 번짐 효과 waver 물결 효과 문자에 주로 사용되는 필터 dropshadow 원한느 위치에 그림자 생성 shadow 원하는 각도로 번지는 그림자 생성 glow 외부 광채 Blur Filter alpha 필터의 속성 속성 설명 opacitiy 불투명도로 값의 범위는 0~100(기본 값은 100) 0은 완전 투명, 100은 완전 불투명 style 불투명하게 할 그림의 경게 모양 설정 style=0; 기본값 style=1;선형 sty..

속성 설명 값 레이어에서 주로 사용되는 스타일 속성 레이어의 계층 순서 정수 값 z-index 보이기 형식 visible,hidden visibility 레이어 숨기기 display:none display 정렬과 어울림 left,right, float 어울림 해제 left,right,both overflow 스크롤 바 표시 여부 visible,hidden,scroll,auto direction 글자 방향 ltr, rtl 레이어 위치 지정 position 표시 방법 static, relative, absolute, fixed top 시작점의 수직(y)좌표 실수 값+단위, % bottom 끝점의 수직(y)좌표 실수 값+단위, % left 시작점의 수평(x)좌표 실수 값+단위, % right 끝점의 수평(x)..

cursor의 종류 속성 설명 crosshair 십자가 모양 text 문자를 적을 때 나타나는 대문자 I 모양 wait 프로그램이 실행중임을 알리는 모래시계 모양 help 화상표에 물음표가 붙은 모양 move 십자가 끝마다 화살표가 붙은 모양 e-resize 동쪽 방향 양방향 화살표 모양 ne-resize 북동쪽 방향 양방향 화살표 모양 nw-resize 북서쪽 방향 양방향 화살표 모양 n-resize 북쪽 방향 양방향 화살표 모양 se-resize 남동쪽 방향 양방향 화살표 모양 sw-resize 남서쪽 방향 양방향 화살표 모양 s-resize 남쪽 방향 양방향 화살표 모양 w-resize 서쪽 방향 양방향 화살표 모양 사용법 가나다라 예제) 아래에 커서를 가져다 대시오 가나다라

속성 설명 값 background-color 배경색 yellow, transparent background-image 배경 그림 지정 url(파일명) background-repeat 배경 그림 정렬 repeat(반복, repeat-(가로 반복), repeat-y(세로 반복), no-repeat(한 번만 표시) background-position 배경 그림 위치 %,px,left,center,right,top, center, bottom background-positionX 가로축 고정 위치 left,center,right background-positionY 세로축 고정 위치 top, center, bottom background-attachment 그림 고정 fixed, scroll background..