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) 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) 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 : ..

예문 Ex_01입력양식1. 이 름 2. 버튼 3. 체크박스(중복허용) 4. 파일 첨부5. 숨김6. 이미지 버튼 7. 비밀번호 입력 8. 라디오버튼(1개만 선택) 9. 초기화 버튼 Ex_02textarea텍스트 입력 박스홍길동 Ex_03select 태그선택 박스김밥떡볶이순대오뎅 Ex_04선택 박스 그룹 묶기선택 박스 그룹 묶기Multimedia TagConnectivityDevice AccessAnimation3D Transform Ex_05가입페이지 만들기필수 입력 항목이름비밀번호 선택 입력 항목이메일취미독서 영화 음악좋아하는 음식김밥떡볶이순대오뎅1. 수집하는 개인정보 항목 회사는 회원가입, 상담, 서비스 신청 등등을 위해 아래와 같은 개인정보를 수집하고 있습니다. 가. 수집항목 이름, 비밀번호, 전화번..

간편정리 1. 자손,후손, 동위 선택자 - 후손 : 여러 계층 구조에서 기준이 되는 태그 안에 위치하는 모든 태그 - 자손 : 여러 계층 구조에서 기준이 되는 태그 바로 아래에 위치하는 태그 - 동위(형제) : 계층 구조에서 동일한 계층 - 후손 선택자element element div p ==> div 태그 안에 있는 모든 p 태그들 - 자손 선택자 element > elementdiv > p ==> div 태그 바로 아래에 있는 모든 p 태그들 - element + element : 기준 선택자 바로 뒤에 위치하는 선택자 div + p ==> div 태그 바로 뒤에 있는 p - element1~element2 : 기준 선택자 뒤에 위치하는 모든 선택자 2. 구조 선택자 - 일반구조 선택자 + firs..

간편정리 1. display 속성 - 화면에 영역을 표시하는 방식을 지정 - none : 화면에 보이지 않음 - block : 블럭형식 - 새로운 행에 추가됨 - inline : 인라인형식 - 같은 행에 추가, 넓이와 높이 지정안됨 - inline-block : 인라인형식(같은행에 계속 배치됨)이나 넓이와 높이 지정 가능 2. visibility 속성 - 보이거나 보이지 않게 지정 - visible : 보이게 만듦 - hidden : 보이지 않게 만듦 3. opacity 속성 - 대상의 투명도를 지정하는 속성이다 - 0.0(투명) ~ 1.0(불투명) 4. margin 속성 - 블럭형식의 바깥 쪽 여백 - margin : 10px==> 상하좌우 모두 10px - margin : 10px 5px==> 상하 ..