가시 속성- display 속성-- none : 태그를 화면에 보이지 않게 만든다.#box{display : none;}-- block : 태그를 block 형식으로 지정#box{display : block;}-- inline : 태그를 inline 형식으로 지정#box{display : inline;}-- inline-block : inline-block 형식으로 지정, margin 속성이 div 태그에 의해 차이 벌림#box{display : inline-block; margin: 10px;} - visibility 속성-- visible : 태그를 보이게 만듭니다.#box{visibility: visible;}-- hidden : 태그를 보이지 않게 만듭니다. 영역은 그대로 차지#box{visibi..

event 이벤트- onload : 웹 문서가 로드- onunload : 현재 웹 페이지에서 빠져 나갈때- onfocus : 객체에 포커스 위치- onblur : 객체가 포커스 잃었을때- onclick : 객체에 마우스 클릭- onmouseover : 마우스가 객체 위로 올라갔을 때- onmouseout : 마우스가 객체 영역을 벗어 났을때- onkeydown : 키가 눌렸을 때, 대소문자 파악X- onkeyup : 눌린 키가 다시 올라 올때- onkeypress : 키가 눌렸을때, 대소문자 파악-> 모든 이벤트는 on 뒤에 window 객체- 일반 속성-- name : 창의 이름을 읽거나 설정-- closed : 창이 열려 있는지 여부(true/false)-- outerWidth, outerHeight..

함수function title() { ... } -> 일반 함수title();function title(parament) { ... } -> 매개 변수형 함수title(p);function title(p) { return p; } -> 리턴형 함수var ti = title(p);function title() { var local = 3; -> 지역변수 }var global = 3; -> 전역변수 객체var car = {x : 0,y : 0,move : function(nx, ny){this.x += nx;this.y += ny;}} 객체 생성 과정 car x 0y 0move function(nx, ny) { ... } 객체를 포함하는 객체var car = {num : "11가2222",truck : {x..

CSS3 Reference 참고W3Schools(http://w3schools.com/) CSS3 단위- 크기 단위-- % : 백분율 단위p:nth-child(1){font-size : 120%;}-- em : 배수 단위p:nth-child(2){font-size : 1.0em;}-- px : 픽셀p:nth-child(3){font-size : 10px;}-> 각각 단위별 사이즈를 조절 가능, - 색상 단위-- #000000 : HEX 코드 단위, 파일 용량을 미세하게 줄일 수 있다.-- rgb(red, green, blue) : RGB 색상 단위p:nth-child(1){color:rgb(159, 61, 184)}-- rgba(red, green, blue, alpha) : RGBA 색상 단위p:nth..

산술 연산자5 / 2 -> 2.5-> 정수끼리 나누어도 실수가 될 수 있음 비트 연산자- & : AND, 두 비트가 모두 1이면 1 아니면 0- | : OR, 두 비트 중 한 비트가 1이면 1 모두 0이면 0- ^ : XOR, 두 비트의 값이 서로 다르면 1, 같으면 0- ~ : NOT, 단항 연산자, 각 비트를 반대로 바꿈- > : 오른쪽으로 쉬프트, 빈 곳은 부호유지 0 또는 1-> 값을 이진수로 보았을 때 비트에 대해 연산 수행 증감 연산자n = 1;x = ++n; -> n = n+1;x = n;n = 1;x = n++; -> x = n;n = n+1; -> 증가(++) 감소(--) 연산자 관계 연산자document.wirte(5>=10); -> falseif(score >= 60)else if(s..

JavaScriptHTML에 포함되어 있는 언어-> 가장 보편적 타입, 바로 앞에 쓸 것을 권장, JavaScript에서 세미콜론은 필수가 아니지만 문장과 문장사이에는 반드시 필요, 오류 발생 방지를 위해 세미클론 사용요청 작업 : 1) URL 분리 -웹서버 : .net -요청 문서 : .html 2) .html 요청 3) 요청한 문서(.html) 전송 4) 수신한 문서(.html) 해석 및 출력 document.write(' ' or " ");, document.write(15 or 15.5);, document.write('숫자', 15); 다중 출력은 쉼표로 구분 개행' '주석// 한줄 주석 처리/* 여러 줄 주석 처리 */ 공백'&nbsp' 변수var -> 데이터 형(Data Type)에 제약이 ..