728x90 Study/MDN13 [API] DOM 탐색하기 https://ko.javascript.info/dom-navigation DOM 탐색하기 ko.javascript.info DOM에 수행하는 모든 연산은 document 객체에서 시작합니다. document 객체는 DOM에 접근하기 위한 '진입점’이죠. 진입점을 통과하면 어떤 노드에도 접근할 수 있습니다. DOM 트리 상단의 노드들은 document가 제공하는 프로퍼티를 사용해 접근할 수 있습니다. = document.documentElementdocument를 제외하고 DOM 트리 꼭대기에 있는 문서 노드는 태그에 해당하는 document.documentElement입니다. = document.bodydocument.body는 요소에 해당하는 DOM 노드로, 자주 쓰이는 노드 중 하나입니다. = do.. 2023. 7. 18. [JS] 변수의 유효범위와 클로저 https://ko.javascript.info/closure 변수의 유효범위와 클로저 ko.javascript.info 자바스크립트는 함수 지향 언어입니다. 이런 특징은 개발자에게 많은 자유를 줍니다. 함수를 동적으로 생성할 수 있고, 생성한 함수를 다른 함수에 인수로 넘길 수 있으며, 생성된 곳이 아닌 곳에서 함수를 호출할 수도 있기 때문입니다. 코드 블록: 코드 블록 {...} 안에서 선언한 변수는 블록 안에서만 사용할 수 있습니다. 이미 선언된 변수와 동일한 이름을 가진 변수를 별도의 블록 없이 let으로 선언하면 에러가 발생합니다. if, for, while 등에서도 마찬가지로 {...} 안에서 선언한 변수는 오직 블록 안에서만 접근 가능합니다. 중첩 함수: 함수 내부에서 선언한 함수는 중첩 함.. 2023. 7. 18. [JS] 함수 https://ko.javascript.info/function-basics 함수 ko.javascript.info 함수는 프로그램을 구성하는 주요 '구성요소' 입니다. 합수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호줄할 수 있습니다. function showMessage() { alert( '안녕하세요!' ); } 지역 변수 함수 내에서 선언한 변수인 지역변수는 함수 안에서만 접근할 수 있습니다. 외부 변수 함수 내부에서 함수 외부의 변수인 외부 변수에 접근과 수정도 할 수 있습니다. 외부 변수는 지역 변수가 없는 경우에만 사용할 수 있습니다. 함수 내부에 외부 변수와 동일한 이름을 가진 변수가 선언 되었다면, 내부 변수는 외부 변수를 가리게 됩니다. 전역 변수 전역 변수는 같은 이름.. 2023. 7. 14. [JS] while과 for 반복문 https://ko.javascript.info/while-for while과 for 반복문 ko.javascript.info while 반복문 while (condition) { // 코드 // '반복문 본문(body)'이라 불림 } let i = 0; do { alert( i ); i++; } while (i < 3); 조건(condition)이 true이면 반복문 본문의 코드가 실행됩니다. for 반복문 for (begin; condition; step) { // ... 반복문 본문 ... } for (let i = 0; i < 3; i++) { // 0, 1, 2가 출력됩니다. alert(i); } 특별한 지시자인 break를 사용하면 언제든지 원하는 때에 반복문에서 빠져나올 수 있습니다. con.. 2023. 7. 14. [JS] 논리 연산자 https://ko.javascript.info/logical-operators 논리 연산자 ko.javascript.info || (OR): 인수 중 하나라도 true이면 true를 반환하고, 그렇지 않으면 false를 반환 alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // false && (AND): 두 피연산자가 모두가 참일 때true를 반환 alert( true && true ); // true alert( false && true ); // false alert( true && false ); // false alert( fal.. 2023. 7. 14. [JS] 비교 연산자 https://ko.javascript.info/comparison 비교 연산자 ko.javascript.info - 보다 큼·작음: a > b, a = b, a 1 ); // true alert( 2 == 1 ); // false alert( 2 != 1 ); // true 문자열 비교 자바스크립트는 유니코드 순으로 문자열을 비교합니다. 대·소문자를 따집니다. 대문자 'A'와 소문자 'a'를 비교했을 때 소문자 'a'가 더 큽니다. alert( 'Z' > 'A' ); // true alert( 'Glow' > 'Glee' ); // true alert( 'Bee' > 'Be' ); // true 다른 형을 가진 값 간의 비교 alert( '2' > 1 ); /.. 2023. 7. 14. 이전 1 2 3 다음 728x90
