Be a groovy man by positive thinking

간단정리 1.배열 1) 여러 개의 변수를 한꺼번에 다룰 수 있는 자료형 2) 대괄호([ ])로 생성 3) 대괄호 사용 후 안에 쉼표로 구분해 자료를 입력 4) 각각 다른 자료형도 배열의 요소 가능var array = [273, 32, 103, 57, 52]; var array = [273, 'String', true, function () { }, {}, [273, 103]];array[0] : 273 0부터 시작해서 접근 2. IF 조건문1) if(조건식) { 조건식 참일 경우 실행문장 }그 다음 명령문;2) if (조건식) { 참일 때 실행합니다.} else { 거짓일 때 실행합니다. }3) if (조건식1) { 조건식1이 참일 때 실행합니다.} else if(조건식2){ 조건식1이 거짓이고 조건식2..

간단정리 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) setTimeout(function, millisecond) - 일정 시간 후 함수를 한번 실행합니다.2) setInterval(function, millisecond) - 일정 시간마다 함수를 반복해서 실행합니다.3) clearTimeout(id) - 일정 시간 후 함수를 한 번 실행하는 것을 중지합니다.4) clearInterval(id) - 일정 시간 후 함수를 반복하는 것을 중지합니다. 2. Date 객체1) 생성 2) 매개변수 - 연, 월-1, 일,시,분,초,밀리 초 순서로 Date객체를 생성할 수 있다. 3) 메서드 - getFullYear() - getMonth() - getDate() - getDay()등등등 간단예문 Ex_01 setTimeout(functio..

간편정리 1. 함수 1)함수생성var 함수= function(){}2)함수호출함수명(); 3) 선언적함수function 함수명(){}4) 매개변수와 리턴값function 함수명(매개변수, 매개변수, 매개변수...){함수코드return 리턴값;}5) 내부함수function 외부함수(){function 내부함수1(){}function 내부함수2(){}함수코드}6) 무명함수(익명함수) function(){}7) 콜백함수 Ex_02 aaa가 나오게 출력하시오 Sol_02 Ex_03 Ex_04 Ex_05 here을 완성하여 무엇이든 나오게 하시오 Sol_05 Ex_06 100 200이 출력될수 있게 하시오 Sol_06 Ex_07 실행해보시오 Ex_08 Sol_08 Ex_09100200 300400 500 600 ..

간단정리 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 - 내부 요소가 상위 요소의 범위를 벗어날 경우 처리방식 ..

간편정리 1. background 태그1) background-image 속성 - 화면 배경이미지로 그림 넣기 - background-image : url('이미지경로'); - background-image : url('앞'), url('뒤');===> 중첩해서 이미지 넣기 2)background-size 속성 - 배경이미지 크기 - auto - contain - cover - inherit - initial 3) background-repeat 속성 - 배경이미지 패턴(반복) 지정 - repeat ==> 기본 반복 - no-repeat ==> 패턴 없음 - repeat-x ==> 가로 패턴 - repeat-y ==> 세로 패턴 4) background-attachment 속성 - 화면에 고정 하는 방식..

간략정리 1. 제목 글자 태그(h1~h6) - 숫자가 낮을수록 크다. 2. p 태그 - p : 본문 글자 태그 3. br, hr 태그 - br : 개행 태그 - hr : 수평 줄 태그 4. 앵커 태그 - controls : 음악 재생 도구를 출력할지 지정 5. ol, ul 태그 - ul : 순서가 없는 목록 태그 - ol : 순서가 있는 목록 태그 - li : 목록 요소 6. dl, dt, dd 태그 - dl : 정의 목록 태그 - dt : 정의 용어 태그 - dd : 정의 설명 태그 7. tr, th, td 태그 - tr : 표 내부의 행 태그 - th : 표 내부의 제목 셀 태그 - td : 행 내부의 일반 셀태그 8. th, td 태그의 속성 - rowspan, colspan - rowspan : ..