Be a groovy man by positive thinking

1. Inside which HTML element do we put the JavaScript? ① ② ③ ④ 2. What is the correct JavaScript syntax to change the content of the HTML element below? This is a demonstration. ① #demo.innerHTML = "Hello World!"; ② document.getElementByName("p").innerHTML = "Hello World!"; ③ document.getElementById("demo").innerHTML = "Hello World!"; ④ document.getElement("p").innerHTML = "Hello World!"; 3. Whe..

간단정리1. event1)실행했을때 다른 대상에 영향을 줌이벤트대상.on이벤트이름 = function { 이벤트 핸들러 }window.onload=function(){ b.onclick = a;}function a(){ b.style.backgroundColor = "red";} - 이벤트대상 : window 객체 - 이벤트이름 : load - 이벤트속성 : onload - 이벤트핸들러 : function 의 내용 2. script function a(){ b.style.backgroundColor = "red"; } - 이벤트 대상은 id가 "b"인 객체 - 이벤트 이름 : click - 이벤트 속성 : onclick - 이벤트 핸들러 : a() 3. Mouse Events1)onClick - 마우스로..

간단정리1. 기본 내장 객체1) Number 객체2) String 객체 (1) length 속성 : 문자열의 길이 반환 (2) substring(시작, 종료) ==> 시작위치부터 종료위치앞까지 문자열 반환 (3) substr(시작, 길이) ==> 시작위치부터 길이만큼의 문자열 반환 3) Array 객체 var 배열명 = new Array (배열크기); var 배열명 = new Array (배열값1, 배열값2 ....); (1) 배열명.length 속성 : 배열의 크기 (2) 배열명.push() : 마지막 인덱스에 요소 추가 (3) 배열명.pop() : 마지막 인덱스 요소 삭제 (4) 배열명.sort() : 문자열 오름차순 배열명.sort(function (a, b) {} : 숫자를 정렬할 경우 비교함수 ..

간단정리 1.객체- 데이터와 그 데이터에 관련된 동작을 모두 포함- 객체를 이루는 구성 요소에는 프로퍼티와 메서드 1) 배열을 이용한 생성 var 객체명 = { name: value, 키: 값 (인덱스:요소) }; 2) 속성 : property - 객체 내부의 값(배열의 요소) 3) 객체의 속성에 접근 객체명["키"]; 객체명.키 ; var foo = { // foo 객체 생성. a: 10; }; foo.b = 1; // . 연산자를 이용하여 b 라는 이름의 프로퍼티를 생성하면서 1이라는 값을 할당.==> 속성 추가 var sum = foo.a+foo.b; // . 연산자를 이용하여 foo 객체의 a 프로퍼티에 접근하여 값을 활용가능하다. alert(sum); 4) 매서드- 객체가 가지고 있는 동작- 객..

간단정리 1. 자바스크립트 - 동적 기능 수행1) 브라우저가 소스코드를 직접 해석하여 실행하는 인터프리트 언어2) 브라우저 위에서 실행한다 3) HTML파일 안에 삽입 가능 2.자바스크립트 작성1) 자바 스크립트 코드 위치 - 기본 페이지의 head 태그 사이에 script 태크 삽입 - script 태그 사이에 자바스크립트 코드 입력 - HTML5에서는 script 태그에 type 속성을 적지 않는 게 원칙 - 외부 파일 연결 3. 자바스크립트 기본 문법1) 자바스크립트 문장은 ;(세미콜론)으로 구분된다. 문장이 끝나는 지점에 세미콜론을 찍어준다. var test="Good Morning"; 2) 문자열(String)은 "(쌍따옴표) 또는 '(단따옴표)를 붙여서 사용한다. "Hello" 'Hello' ..

1. Which doctype is correct for HTML5? ① ② ③ 2. Who is making the Web standards?① Microsoft ② Google ③ Mozilla ④ The World Wide Web Consortium 3. How can you open a link in a new tab/browser window?① ② ③ 4. Choose the correct HTML element for the largest heading:① ② ③ ④ 5. What is the correct HTML element for inserting a line break?① ② ③ 6. Which character is used to indicate an end tag?① * ② 7...

간단정리 1. 코드실행 함수1)eval(String) - String을 자바스크립트 코드로 실행합니다. 2.숫자확인 함수 1)isFinite() - number가 무한한 값인지 확인합니다.2)isNaN() - number가 NaN인지 확인합니다. 3. 숫자 변환함수1)parseInt(string) - string을 정수로 바꾸어 줍니다.2)parseFloat(string) - string을 유리수로 바꾸어 줍니다. 4. 진수 -> 숫자1)toString() 예문 Ex_01 300이 나오게 하시오 Sol_02 Ex_03 숫자인지 문자인지 도출하는 소스코드를 작성하시오 Sol_03 Ex_04 공백도 조사하시오 Sol_04 Ex_0510진수를 입력하세요~ Sol_06_0110진수를 입력하세요~ Sol_06_0..

간단정리 1. 식별자 - 자바스크립트에서 이름을 붙일 떄 사용하는 단어1) 규칙 - 키워드를 사용하면 안된다. - 숫자로 시작하면 안된다. - 특수문자는 _와 $만 허용한다. - 공백문자를 포함할 수 없다.2) 관례 - 생성자 함수의 이름은 항상 대문자로 시작한다. - 변수와 인스턴스, 함수, 메서드의 이름은 항상 소문자로 시작 - 여러 단어로 이루어진 식별자는 각 단어의 첫 글자를 대문자로 한다.3) 종류 - 식별자 뒤에 괄호X 단독으로 사용하면 변수 다른 식별자와 사용하면 속성 - 식별자 뒤에 괄호O단독으로 사용하면 함수다른 식별자와 사용하면 메서드 2. 주석 1) HTML 태그주석 - 2) javaScript 주석 - 단행 주석 : // 주석문 - 다행 주석 : /* 주석문 주석문 */ 3. 논리연..

간편정리 1. 위치 속성1) position - 위치 설정 + x 좌표 - left, y 좌표 - top - position: static ==> 기본값 순서대로 - position: absolute ==> 가장 가까운 상위 요소를 기준으로 위치가 결정 상위 요소가 없으면 위치는 body를 기준으로 설정 - position : relative ==> 상대적 위치 static의 위치부터 계산 - position:fixed ==> 화면을 기준으로 절대 위치 스크롤 되어도 위치 고정 2) z-index - 기본적으로 뒤에 입력한 태그가 앞면에 위치 - z-index 에 값을 주면 가장 큰 값이 앞면에 위치 - static 은 예외 3) overflow - 내부 요소가 상위 요소의 범위를 벗어날 경우 처리방식 ..