식초의 지식보관소

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 'use strict'; //Array //1. Declaration (선언) const arr1 = new Array(); const arr2 = [1,2]; //2. Index position ..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114//Objects//자바스크립트의 data types중 하나//관련된 데이터나 함수들의 집합체//자바스크립트의 거의 모든 객체들은 Object의 예시이다//object = {key : value}; //1. Literals and propertiesconst obj1 = {}; //'objec..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 //1.Use strict //added in ES 5..

브라우저 객체 모델이란? -웹 브라우저 전체를 객체로 관리하는 것 -자바스크립트 프로그램을 통해 브라우저 창을 관리할 수 있도록 > 요소를 객체화 주요 브라우저 내장 객체 Window 브라우저 창이 열릴 때마다 생기는 객체 | 최상위 객체 Document 태그 만나면 만들어지는 객체 | HTML 문서 정보 History 방문 기록 저장 객체 Location URL 정보 객체 Navigator 웹 브라우저 정보 객체 Screen 화면 정보 객체 웹 브라우저를 제어하는 Window 객체 -자바스크립트의 모든 객체는 Window객체에 포함된다 Window 객체의 속성 -접근하는 방법 : 객체 이름 뒤 마침표(.)를 찍고 속성이름 붙인다 window.innerHeight 1132 document 웹문서 접근 f..

폼 요소에 접근하는 여러 방법 -웹 사이트의 폼 요소에는 텍스트 필드, 라디오 버튼, 체크 상자 (누를 수 있는 요소), 선택 목록(여러 항목 중 원하는 것을 선택) 등이 있다. -자바스크립트로 제어하려면 먼저 요소에 접근해야 함 = 폼 요소에 접근 id값이나 class값 사용해 폼 요소 접근 -querySelector()함수, querySelectorAll()함수 사용해서 id값이나 class값 접근 -id값은 폼 요소 1개에 접근, class값은 폼 요소 여러개에 접근 > 배열로 저장 -텍스트 필드의 값 가져오려면 .value 붙인다 document.querySelector("#billingName").value "한라산" name값 사용해 폼 요소 접근 -name 속성 : 자바스크립트에서 폼 요소를..

문서 객체 모델(DOM)이란? -Document Object Model -웹 문서의 모든 요소를 자바스크립트를 이용하여 조작 -DOM은 객체를 사용해 문서를 해석한다 -텍스트, 이미지, 표 등 모든 요소가 모두 객체이다 DOM 사용하지 않고 상세설명 가리기 -상세 설명이 가려지도록 CSS 작성 상세 설명 내용내용 -매번 비쥬얼 스튜디오로 코드 편집은 번거로움 > 좀더 편하게 기능 추가할 방법 필요 DOM 사용하고 상세설명 가리기 -자바스크립트로 DOM 제어 -콘솔창에 입력> 상세 설명 사라진다 document.querySelector('#detail h3').style.visibility = 'hidden' document.querySelector('#detail p').style.visibility =..

Array 객체란? -여러 개의 항목을 하나의 변수에 저장해야 할 때 사용 -내장객체 Array 객체로 배열 만들기 -인스턴스 만들기 var myArray = new Array(); -Array 객체의 인스턴스 만든 후 > myArray 변수에 저장 -( ) 빈 괄호를 사용 > 개수가 고정X > 많은 자료 저장 가능 -초깃값이 있는 배열 : 리터럴 사용해서 배열 | Array객체 사용해서 만들기 배열에서 for문 사용하기 -여행 준비물 점검 목록 프로그램 -여러 준비물을 배열 유형으로 저장 후 > 준비물확인하기 위해서 - 배열 값을 전부 확인 > for문 처음부터 끝요소까지 반복 -배열에 몇 개의 요소가 있는지 확인 : Array 객체에 length 속성 사용 -배열의 인덱스 : 0 ~ Array객체.l..