cadvance.org File List

이 사이트의 문서를 보는데 참고가 될, 현재까지 작업된 File List 입니다. 아마도 이 사이트를 찾는 분들의 수준 차이라는게 무척 다양하리라 예상되는데, 그래도 크게 나누자면 완전 '쌩초보' 와 '쌩초보는 아닌' ~ '꽤 실력있는' , 이렇게 두 부류로는 분류가 될 것 같군요...^^

'엄청 실력있는' ~ '전문가' 가 여기 올 리는 없을테니까요. 아래의 File List 는 일종의 Site Map이라고도 할 수 있는데, 이 사이트의 검색기능이 시원치 않아서 그런지 별로 이용하지들 않는 것 같아서, 이 사이트에 대략 어떤 문서들이 있는지 보여 주기 위해서 만든 표 입니다.

  • 초보자의 경우는
    까~이꺼 머 걍 처음부터 끝까지 차례대로 보시면 됩니다. 왜냐하면 이 사이트의 문서들은 대 부분이 앞의 내용을 알고 있을 것이라는 가정하에 만들었기 때문 입니다. 다만 웹 사이트를 만들려고 하는 초보자라면 작성하는 웹 페이지에 Deprecated 될 Element를 사용하지 않는 것이 바람직하며, Deprecated 될 Element는 xhtml Element Table 중에서 DTD 항목에 'S' 표시가 없는 Element 들이니까 참고하세요. 안 쓰는게 장래를 위해 좋습니다.


  • 초보자가 아닌 경우는
    필요한 부분을 찾아 보되 아래의 범례를 참고해서 보시져... 하지만 이 문서안에 모든 문서의 목록이 다 있지 않으므로 우측 상단의 검색 기능을 충분히 활용하시기 바랍니다.

Basic, 기초적으로 알아야 될 사항
DHTML 관련 Element 나 Property
Essential, 몰라도 문서 꼴은 갖출 수 있지만 발전의 가망성은 희박해짐...^^

Hyper Text Markup Language
시작하기 전에... 이 사이트의 문서를 제대로 잘 보기 위해서 참고해야 될 부분으로서 특히 초보자의 경우 처음부터 좋은 코딩 습관을 들이는 방법과 웹 문서를 작성하는 문서 편집기에 대한 소개 등이 있습니다.
사이트 소개 사이트에 대한 간단한 소개와 다룰 분야에 대한 설명
문서보는 요령 이 사이트에서 문서 볼 때의 표기 규칙
기본기 연습 웹에 대한 전반적인 설명과 문서 편집하는 방법에 대한 설명 *특히 웹 뿐만 아니라 컴퓨터 자체에도 미숙한 사람들이 반드시 숙지해야 되는 페이지
초급과정 웹 문서를 작성하는데 필요한 색상, 길이 단위등 숙지하고 있어야할 전반적인 지식과 기초적이면서도 중요한 사용 빈도가 높은 Element 들에 대한 설명과 예제
HTML 개론 인터넷에 대한 개론적인 설명과 사용하는 장비, 브라우저 각 부분의 명칭과 HTML 문서의 특징에 대한 설명
HTML의 기본구조 이 사이트에서 사용하는 표기 규칙, HTML Tag의 구조와 문서형식의 정의
색상과 길이단위 웹 문서에서 사용하는 색상 값의 종류및 색상 값 만드는 방법, named color, 웹 문서에서의 길이 단위에 대한 설명
HTML Elements HTML 문서의 기본 틀, 모든 HTML Element가 공통적으로 사용하는 속성(Attribute), 속성값에 사용하는 따옴표, 첫 예제
Font Element Font 관련 Element, Window 기본 글꼴과 몇가지 추천 글꼴 (font face), 제목(Heading)으로 사용하는 Element (h1 ~ h6), font style 관련 Element 들, *HTML 에서 사용하는 Escape 문자(HTML Token)
Block Elements Block_Level Element, P Element, BLOCKQUOTE Element, PRE (PRE-fommated Block) Element, DL(Definition List), DT(Definition Term), DD(Definition Data), HR (Horizontal Rules : 수평선 그리기) Element, 회색 계열 색상 대비를 이용한 음각 효과, Block-Level Tag의 면적 알아보기 - InLine Style
Classification 목록 만들기, 순서가 있는 목록(Ordered List), 순서가 없는 목록(Unordered List), OL Element 에서의 목록 번호 바꾸기
중급과정 초급 과정에서 웹 문서의 뼈대를 이루는 Element 들에 대해 배웠다면 중급에서는 웹을 웹 답게 하는 Link, Image, 그리고 Web design을 하기위한 필수 중의 필수인 Table에 대해 심도있게 다루어 봅니다.
HyperLink Anchor(Hyper Link), 절대경로와 상대경로의 DHTML, 현재 문서에서의 Bookmark(책갈피), 다른 문서의 Bookmark(책갈피)로 이동, Body Element에 사용하는 링크걸린 글자에 대한 Attribute, 링크 예제와 title 속성의 사용
Web Image IMG Element, 폴더 만들기, 웹에서 원하는 이미지 파일 얻기, 문서에 배경 이미지 넣기, 이미지에 링크걸기,
Table Part 1
Table Part 2
Table Part 3
Table Part 4
Table Part 5
 TABLE, TR(Table Row), TD(Table Data)의 속성(Attribute)들, HTML에서의 Comment(주석문) 사용하기, 1행 1열의 테이블, 행(Row)과 열(Column), Table로 알아보는 HTML Element의 Cascading 규칙, Parser 와 Renderer, Cell 합치기 (colspan & rowspan Attribute), 헛갈리지 않고 Cell을 병합하는 방법 한 가지, 몇가지의 Cell 병합 예제, Cell의 width와 height 조절하기, Table 관련 Element (Caption & TH), Cell 속에서의 text 정렬(align : left, center, right / valign : top, middle, bottom), Cell 속의 Image 정렬, Inline Table(Cell 속에 들어가는 Table), Inline Table Coding을 위한 모듈화 작업, Inline Table을 사용한 액자 효과
고급과정 고급 과정에서는 초급, 중급에서 배운 내용을 토대로 보다 고도의 테크닉을 필요로 하는 Element 들에 대해 배우고, 웹 문서를 표현하는데 있어서 HTML 만으로 불가능한 부분을 보강할 수 있는 CSS, DHTML, JavaScript등을 배우기 위한 탄탄한 기초를 마련하고 또한 나머지 내용을 정리하는 부분 입니다.
Division Marker DIV(DIVision marker : style 을 담는 Box), Inline Style, DTD (Document Type Definition : 문서 형식의 정의), Div 와 Span의 차이점 하나, SPAN Element의 용도와 사용 예제, 연관성 없는 Element 끼리의 Cascading
Frameset Frameset 프레임 나누기 기초 예제(좌우로 나뉜 프레임 셋, 상하로 나뉜 프레임 셋, 가로, 세로로 나뉜 프레임 셋), 프레임 셋 예제 1 ~ 4
iFrame iFrame Element, iframe 예제, Transparent Color 와 allowTransparency attribute, iframe 은 왜 쓸데도 없는 End Tag이 붙어 있을까?
Colgroup Table Colgroup(Column group), Col Element 예제, Colgroup, Col element 의 위치는 어디인가?, Colgroup Element 예제 1, Colgroup Element 예제 2
Rowgroup Table Rowgroup, Rowgroup 예제, Table Element 의 나머지 속성들(frame attribute, rules attribute)
L.O.D L.O.D는 Lecture On Demand 의 약자로 회원들의 요청에 의해 만들어지는 페이지입니다. 현재는 HTML 메뉴에 임시로 만들었지만 곧 Web design 메뉴로 옮기 겠습니다.
Marquee text animation을 할 수 있는 Element로서 IE 전용 입니다.
Cascading Style Sheet
CSS Page Layout 곧 발표 된다고 하는 Web standard를 사용하여 page layout을 하는 방법에 대해 집중적으로 다루어 봅니다. 특히 IE 사용자들의 경우 web standard에 맞춰서 자신의 문서를 만들거나 고치는 방법에 대한 해결책을 강구할 수 있도록 지침을 정해 보았습니다.
Page Layout & DTD IE 사용자의 경우 표준 모드(standard-compliant mode)와 비표준 모드(non standard-compliant mode)에서의 rendering 의 차이점을 비교하고, web standard에 대한 전반적인 상황에 대해 설명합니다.
CSS with Standard Web standard 를 사용하여 padding, border, margin 이 어떻게 처리되는지에 대한 내용을 집중적으로 다루어 봅니다.
Visual formatting CSS의 margin, padding을 사용하여 block box의 수직, 수평 정렬에 대해 자세히 알아 보고, direction, unicode-bidi property 를 사용하여 문자의 흐름과 글자의 배열 방향을 지정하는 방법에 대해 알아 봅니다.
Layout with Positioning Page layout 을 하는데 필수적인 요소 중에 하나가 positioning 의 width, height, float, clear, overflow를 사용하여 Layout하는 방법에 대해 알아보고, 잘 알려져있는 IE의 CSS bug 중 float에 관련된 bug에 대해 알아 봅니다.
Positioned Layout float property를 사용하지 않고, position:relative 또는 position:absolute 로 만드는 layout 에 대해 알아 보고, 그에 관련된 예제들을 만나 봅니다.
Layout with Template PHP나 ASP 등 에서의 include 와 같은 기능을 사용할 수 없는 HTML page(확장자가 htm, html인 파일)을 사용하는 경우 include 기능을 대체 할 수 있는 JavsScript Template 에 대해 알아 보고, Noframe layout 에서 무료 게시판과 연결할 수 있는 방법에 대해서도 알아 봅니다.
Navigation menu Page layout 을 구성하는 기능적 요소로써 web page designer 가 방문자에게 전달하려고 하는 '정보'를 담고있는 본문 과 방문자를 연결시켜주는 연결고리 역할을 하는 'link button' 의 몇 가지 효과에 대해 알아 봅니다.
Article layout 문서 본문에 들어가는 페이지 목록과, 문단의 처리, image와 text가 만났을 때의 처리, table과 text가 만났을 경우의 처리 등에 대해 알아 봅니다.
Div & Rounded box Div 를 이용하여 모서리가 둥근 box(rounded box)를 만드는 방법에 대해 구체적으로 알아보고, 곡면의 anti-alias 와 solid 처리에 대해서 알아 봅니다.
Table & Div 테두리(border)가 있는 둥근 모서리 box를 통해 table과 div의 장단점을 비교하고, 장래의 웹 표준에 대비한 page layout에 대해 알아 봅니다. 또한 이로써 PLS 를 종결합니다.
CSS 소개 Web design 에서 없어서는 안 될 CSS 에 대한 소개 및 문법, Selector, CSS 사용법에 대한 부분입니다. CSS 전반에 걸쳐 적용되는 부분이므로 충분한 이해와 숙지가 필요합니다.
CSS How To CSS (Cascading Style Sheet)란 무엇인가?, CSS를 사용 해야만 하는 이유, CSS 사용의 Bug 및 문제점, HTML의 중요성
CSS Syntax CSS 기본 문법, Property 값에 사용되는 테이터의 종류 및 형태, 유효하지 못한(Invalid) Property name 이나 값의 처리(Parsing), 대소문자의 처리, Property Table 보는 방법, Cascading, Property 값의 상속(Inheritance)
CSS Selector Style 사용법 4 가지
Inline Style(Tag 속에 직접 지정), Embedded style sheet 와 Style block(Style block 속에 일괄 지정), Linked style sheet(외부 파일 Link로 여러 파일에 일괄 지정), Imported style sheet, 사용 방식에 따른 Style 적용의 우선 순위(Cascading order)

selector
Universal Selector(문서의 모든 Tag에 적용되는 Selector), Type Selector(HTML Element에 지정하는 Selector), Contextual Selector, Class Selector, 지정하는 Element 에만 적용되는 Class Selector, ID Selector, Grouping, Selector 의 Cascading order
CSS Selector II 나머지 selector 들
현재() IE 6.0에서 지원하지 않아서 사용하지 못하지만 향후 지원할 가능성이 있는 child selector, :first-child pseudo class, dynamic pseudo class, :lang pseudo class, adjacent selector, attribute selector 등의 selector 들에 대해 알아 봅니다.
Mouse Event CSS 를 이용한 DHTML, DHTML 을 하기 위한 사전 지식들(DOM, object, this, id, class, name), CSS Scripting 을 이용한 DHTML
Font Font(글꼴)를 다루는 CSS Property 들에 대한 부분으로서 HTML 의 Font Element가 Deprecated 목록에 들어 있는 만큼 보다 중요시 될 CSS Property 들입니다. 또한 cursor, scrollbar 도 포함시켰습니다.
color color (글자색 : font color), Mouse Event를 이용한 color Property 예제, CSS Scripting을 이용한 글자색 바꾸기
font-family 글꼴(font)을 지정하는 Property, Family name(글꼴 이름), Generic Family(글꼴 형태에 의한 분류), Font를 이용한 DHTML
font-size Font size, 2 단어가 넘는 CSS Property의 Scripting
font-style 보통(normal) 글씨체와 경사진(italic) 글씨체
font-variant 소문자를 작은 대문자(small-caps)로 변형
font-weight 글꼴의 굵기에 관한 CSS Property
line-height 행 간격을 지정하는 CSS Property
font font-style, font-variant, font-weight, font-size, line-height, font-family 순으로 font에 관한 Property 들을 한꺼번에 지정하는 단축형(short Hand) Property
cursor Mouse cursor 의 형태를 지정하는 CSS Property
scrollbar Scrollbar color 를 지정하는 CSS Property *IE Only
Text 단어와 문장에 관한 CSS Property 들
text-align 문장의 수평 정렬(align)을 지정하는 CSS Property, Tag 자신(this)이 아닌 다른 Tag에 동적인 변화를 주는 방법
text-decoration Text 에 밑줄, 윗줄 등의 장식을 지정하는 CSS Property
text-indent 문장 첫줄의 들여쓰기를 지정하는 CSS Property
text-transform 단어나 문장의 대, 소문자를 지정하는 CSS Property
white-space 여러개의 공백(space)의 처리에관한 CSS Property
vertical-align Box 속의 내용물의 수직 정렬을 지정하는 CSS Property
letter-spacing 글자 간격에 관한 CSS Property
word-spacing 단어 간격에 관한 CSS Property
Classfic-ation HTML Element OL, UL, LI 만으로 할 수 없는 글머리 기호의 위치 지정, 글머리 기호 대신에 image 등을 넣을 수 있는 CSS Property, DHTML에 없어서는 안 될 display Property 등...
list-style-type 글머리 번호, 기호의 형대를 지정하는 CSS Property
list-style-image 글머리 번호나 기호 를 image로 넣는 CSS Property
list-style-position 글머리 기호, 번호의 문장에서의 위치를 지정하는 CSS Property
list-style List 관련 CSS Property의 단축형(Short Hand) Property
display Display, SPAN 이 DIV를 만났을 때..., SPAN 이 SPAN을 만나면..., 문단 속에서의 display Property 사용, table-header-group, table-footer-group, inline-block, none, block,
Backgr-ound 문서의 배경색, 배경 Image 등에 관한 CSS Property
background-color 문서의 배경색을 지정하는 CSS Property, Background color, Transparent Color, User Preference Color(사용자가 시스템에 지정한 색상)
background-image 문서에 배경 그림을 지정하는 CSS Property
background-
attachment		 배경 그림의 고정 또는 Scroll 여부를 지정하는 CSS Property
background-
repeat		 배경 그림의 반복 여부를 지정하는 CSS Property
background-
position		 배경 그림의 위치를 지정하는 CSS Property
background background-color, background-image, background-attachment, background-repeat, background-position 등 background 관련 Property 들을 한꺼번에 지정하는 단축형(short hand) Property
Layout 문서의 Layout 을 지정하는 CSS Property 들
padding 내용물과 내용물을 담고있는 container 와의 간격을 지정하는 CSS Property
border 내용물이나 container 의 테두리의 color, style, width 등을 지정하는 CSS Property
margin 문서의 여백을 지정하는 CSS Property
Table Table 관련 CSS Property
border-collapse Cell의 Border를 서로 포개거나 않거나 하는 지정을 하는 CSS Property
table-layout Table Cell의 width, height 를 고정하거나 않는 것을 지정하는 CSS Property
Positio-ning Positioning 은 시각적인 측면의 DHTML 에 있어서 가장 중요한 요소라고 할 수 있겠습니다. 흔히 Layer라 불리우는 z-index, 보였다 숨었다하는 Visibility, 그리고 가장 중요한 Position 등 Positioning에 관련된 Property 자체가 DHTML이라고 해도 과언이 아닌 Property 들이 되겠습니다.
width, height Box의 width와 height를 지정하는 CSS Property
position static, relative, absolute 등의 위치를 지정하는 중요한 CSS Property
top, right,
bottom, left		 내용물을 포함하는 Container box 속에서의 물체과 box border 사이의 간격을 지정하는 CSS Property
overflow 내용물이 box를 넘쳤을 때의 처리 방법을 지정하는 CSS Property
float Image나 container box 와 문장과의 상대적인 위치를 지정하는 CSS Property
clear float로 지정된 문장의 흐름을 원상으로 만드는 CSS Property
clip Box 의 일 부분을 가려서 보이지 않게 하는 CSS Property
visibility 물체를 보이거나 보이지 않게 지정하는 CSS Property
z-index z 좌표를 사용하여 레이어를 만드는 CSS Property
Pseudo Class Pseudo class, Pseudo element는 HTML Element나 Attribute에 없는 속성을 만들어 주는 역할을 하는 CSS Property 들 입니다.
!important 중요도를 선언하여 문서에 지정된 모든 CSS Property들을 우선하는 지정을 할 수 있는 Pseudo Class
:first-letter 문장에서의 첫 글자에 대한 지정을 하는 Pseudo class
:first-line 문장에서의 첫 줄(Line)에 대한 지정을 하는 Pseudo class
:link, :visited,
:hover, :active		 Link 걸린 글자(HyperText)에 관한 지정을 하는 CSS Property
@Font-face Rule Web font 사용시 Web font를 embed 시키는 CSS Rule
@Charset Rule 문자 세트를 지정하는 CSS Rule
@Charset Rule 확장자가 .css인 외부 stylesheet file을 HTML file에 연결 시켜서 사용할 수 있게 하는 @import Rule
Printing Print 관련 CSS Property
page-break-after 지정하는 앞 부분에서 Page 바꿈
page-break-before 지정하는 뒷 부분에서 Page 바꿈
Filter 별도의 이미지 처리 없이 CSS Scripting 만으로 훌륭한 Graphic 효과를 낼 수 있는 Property 들입니다.
Visual Filters alpha, blur, chroma, fliph, fliph, glow, gray, invert, mask, shadow, dropshadow, wave, xray 등의 Down Level Filters
JavaScript
JavaScript Introduction JavaScript 에 대한 기초적인 지식과 필수적으로 알아야 될 내용들.
JS에 대한 소개 JavaScript에 대한 소개
JS의 기초 사항 JavaScript의 주석문(Comment), JavaScript의 명령 Line의 처리, JavaScript의 공백문자(space) 처리, JavaScript에 사용되는 Data의 종류
JS의 위치 및 출력 Inline JavaScript (HTML Tag속에 지정하여 사용), Embedded JavaScript와 Script Block (Script Block 속에 일괄 지정), Linked JavaScript (외부 파일을 링크하여 여러개의파일에 일괄 지정), document.write (브라우저 창에 출력하기)
Variables Variable☞ vs ☜ 변수, 변수 이름 만드는 방법, 변수에 값을 지정하는 방법, 변수를 사용하면 뭐가 좋은가..., 특수 문자의 출력과 따옴표의 처리
Operators 산술 연산 기호, 할당 연산 기호, 비교 연산 기호, 논리 연산 기호, 문자열 합치기 기호
Functions Function의 개념과 용어의 정의, alert Method, Function의 기본적인 유형, Function을 만드는 순서, Function 을 호출(call) 하는 3가지 방법, 대입 변수가 있는 Function, Function과 CSS Scripting
Conditional if 문, if ... else 문
Looping For Loop, While Loop, Do While Loop, Table 자동 제조기
DHTML D.O.M Document(문서) 내의 Tag들을 어떻게 Object(물체화) 하는가에 대한 W3C 의 표준 Model
JavaScript Object JavaScript 브라우저 내장 객체 들에 대한 자세한 설명과 각 객체가 가지는 Property와 Method 들, 거기에 따른 예제.
Form Object  
Introduction Form Collection, Form 의 사용 목적, Form Element 사용 예
Input Element input, textarea Element
Select Element select, option, optgroup Element
Value & Length 입력 값 호출하기, length Method를 시용하여 object 갯수 count 하기, checked Property를 이용하여 선택된 radio button의 값 출력하기, 몇 개의 checkbox가 check 되었는지 알아보기
Form Event onFocus, onBlur, onSubmit, onReset, onChange Event와 focus(), select(), submit(), reset() Method
Form Design I Label | Fieldset | Legend | Button Element
Form Design II Input type="text", type="password" 의 입력값 검증, Select - Option 의 입력값 검증, Radio button의 입력값 검증, Form 에 관한 종합 예제
Document
object		 anchors applets body cookie domain forms images links referrer title URL Property, close() getElementById(ID) getElementsByName(name) open() write(text) writeln(text) Method
String object length Property, anchor(anchorName), big(), blink(), bold(), fixed(), fontcolor(colorvalue), fontsize(integer), italics(), link(URL), small(), strike(), sub(), sup(), toLowerCase(), toUpperCase(), 등 font와 text 관련 Method와 charAt(index), charCodeAt(string), concat(string), fromCharCode(unicodes), indexOf(index), lastIndexOf(index), match(string), replace(string1, string2), search(string), slice(index1, index2), split(string), substr(index1, integer), substring(index1, index2) 등의 문자열 데이터를 다루는 Method
Array object Array Object는 여러 개의 변수가 필요할 때 변수 이름을 여러 개 만들지 않고 new Keyword 를 사용하여1 개의 변수 이름에 0번 부터 index를 붙여 사용하는 편리한 Object라고 할 수 있습니다. 특히 차후에 변수가 더 필요 하다든지 필요가 없어서 삭제 한다든지 할 때 더 더욱 편리한 Object
Navigator
object		 appCodeName, appMinorVersion, appName, appVersion, browserLanguage, cookieEnabled, cpuClass, onLine, platform, systemLanguage, userAgent, userLanguage 등 브라우저, 사용자 시스템과 User Agent에 관한 정보를 찾는 Property 들
Date object Date(), getDate(), getDay(), getMonth(), getFullYear(), getYear(), getHours(), getMinutes(), getSeconds(), getMilliseconds(), getTime(), getTimezoneOffset(), getUTCDate(), getUTCDay(), getUTCMonth(), getUTCFullYear(), getUTCHours(), getUTCMinutes(), getUTCSeconds(), getUTCMilliseconds(), setDate(), setFullYear(), setHours(), setMilliseconds(), setMinutes(), setMonth(), setSeconds(), setTime(), setYear(), setUTCDate(), setUTCDay(), setUTCMonth(), setUTCFullYear(), setUTCHour(), setUTCMinutes(), setUTCSeconds(), setUTCMilliseconds(), toGMTString(), toLocaleString(), toString() 등 날자에 관련된 Method 들
Math object E, LN2, LN10, LOG2E, LOG10E, PI, SQRT1_2, SQRT2등의 Property와 abs(x), acos(x), asin(x), atan(x), atan2(y,x), ceil(x), cos(x), exp(x), floor(x), log(x), max(x,y), min(x,y), pow(x,y), random(), round(x), sin(x), sqrt(x), tan(x)등의 Method 들로서 수학 관련 객체
Frame object border, borderColor, frameBorder, frameSpacing, name, cols, rows 등의 Frameset property와 frameBorder, height, marginHeight, marginWidth, name, noResize, src, parent, top등의 Frame property
iframe object iframe 사용시, iframe 속의 내용물의 크기(가로, 세로)에 따라 width와 height가 자동으로 조절되게하는 방법에 대해 알아 봅니다. 따라서 크기 자동 조절에 필요한 offsetHeight, offsetWidth, onload, event, contentWindow 등을 소개하고 이런 property 들을 사용하여 iframe box의 resizing과 다른 관련 사항 들도 알아 봅니다.
Window Object  
Introduction defaultStatus, document, event, history, length 1, 2, location, name, navigator, opener, parent, screen, self, status, top Property와 alert(), blur(), clearInterval(), clearTimeout(), close(), confirm(), focus(), moveBy(), moveTo(), navigate(), open(), print(), prompt(), resizeBy(), resizeTo(), scrollBy(), scrollTo(), setInterval(), setTimeout() Method 등 최상위 Object인 Window 관련 Property와 Method
status Property Browser status bar에 문자열을 출력하는 status Property 와 커저가 Link위에 올라 갈 때를 제외하고 항상 status bar에 지정한 문자열을 출력하는 defaultStatus Property
history Objecthistory Property 는 브라우저 창을 열고 방문한 URL의 목록을 만들고 현재 URL을 기준으로 이전 URL이나 다음 URL로 이동하는 기능을 제공합니다. length Property와 back(), forward(), go() Method
location Objectlocation Object 에는 현재 URL에 대한 정보가 들어 있습니다. URL에 대한 정보란 현재 페이지의 href, path, pathname, protocol, host, port 등에 대한 정보가 들어 있는데, 이러한 정보들을 문자열로 return 받을 수 있습니다. 또한 문서를 새로 고침 하는 reload() Method 등이 있습니다.
screen Objectscreen Object 는 우리가 사용하는 모니터의 화면에 대한 정보를 담고 있습니다. 화면에 대한 정보란, 화면의 수평 수직 해상도, 사용 가능한 색상의 가지 수 등에 대한 정보를 return 해 줍니다.
event Objectevent Property는 JavaScript의 Keyboard event, Mouse event 등에 의해 발생하는 mouse의 좌표라든지, 어떤 Keyboard가 눌려졌는지 또는 event가 발생하는 object에 대한 정보들을 return 해 줍니다.
open Method가장 많이 사용하는 JavaScript Method 중에 하나로서 새로운 창을 여는 open Method와 열림 창을 닫는 close Method 에 대해 알아 봅니다.
opener Objectopen Method에 의해 새창을 열어준 부모창인 opener에 대한 정보를 return.
move MethodBrowser 창의 상태이동을 하는 moveBy와 절대 이동을 하는 moveTo에 대해 알아 봅니다.
resize MethodBrowser 창의 상태크기를 조절하는 resizeBy와 절대 크기를 조절하는 resizeTo에 대해 알아 봅니다.
scroll MethodBrowser 문서창에서의 상대적 scroll을 하는 scrollBy와 절대 위치로 scroll 하는 scrollTo에 대해 알아 봅니다.
Timeout Method지정한 시간 후에 명령을 한 번 수행하는 setTimeout과 그 것을 해제시키는 clearTimeout에 대해 알아 봅니다.
confirm Method어떤 중요한 결정(회원탈퇴 같은)을 해야 될 경우 다시 한 번 확인할 기회를 줄 수 있는 confirm Method에 대해 알아 봅니다.
나머지 Methodprompt, navigate, print 등 JavaScript 의 나머지 Method들에 대해 알아 봅니다.
eXtensible Hyper Text Markup Language
xhtml tutorial 기존의 HTML 웹 사이트를 xhtml 사이트로 Upgrade 하기 위한 기초적이면서 필수적인 지침
xhtml은 뭔가? xhtml에 대한 소개
xhtml 왜 쓰나? xhtml을 사용해야만 되는 이유
xhtml vs html xhtml 과 html과의 비교
xhtml Syntax xhtml 문법
xhtml DTD xhtml 문서 형식 정의
xhtml로 Upgrade xhtml 로 Upgrade 하는 방법
xhtml Validation xhtml 유효성 검사
xhtml reference xhtml Element, Attribute, Event
xhtml Element xhtml 의 Element
xhtml Attribute xhtml 의 Attribute
xhtml Event xhtml 의 Event
xhtml Script, Style xhtml에서의 Script와 Style element 사용법
Inside XHTML DTD XHTML 1.0 Strict mode DTD의 해부
www.cadvance.org

이 문서의 저작권은 www.cadvance.org 에 있습니다.