querySelector JS에서 HTML 요소(엘리먼트)들을 가져올 때 사용한다 CSS 선택자들(ID, Class, HTML Tag 등등)로 찾아서 해당하는 요소(엘리먼트)를 반환해준다. querySelector() : CSS선택자로 해당하는 첫 번째 HTML요소를 1개 반환해준다. 중복된 class선택자로 querySelector를 사용할 겨우 제일 최상단에 하나만 선택하여 반환한다 특정 name, id, class를 제한하지 않고 css선택자를 사용하여 요소를 찾는다. 만일 같은 class 선택자라면 스크립트의 최상단 요소만 로직에 포함하여 가져 온다. querySelectorAll() : CSS 선택자에 해당하는 요소들 전부를 가져와서 반환해준다 querySelector와 사용방법은 동일하며 선택..

DOM : Document Object Model 문서 객체 모델, 웹페이지(HTML 및 XML문서)의 콘텐츠 및 구조, 스타일요소를 구조화시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스 JS 같은 스크립트 언어가 쉽게 웹페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할 console.log(window.location); console.log(location); console.log(window.navigator); console.log(window.navigator.userAgent); console.log(document.head); console.log(document); console.dir(document); const roo..

for반복문 for문은 반복문의 명령어 중 하나 for () 괄호 안에 반복을 시작하는 초기 변수, 반복 조건, 반복마다 달려지는 반복변수의 증감식 {} 안에는 반복할 때마다 실행할 코드를 작성 for (let i = 0; i < 10; ++i) { console.log(`i = ${i}`); } let j = 0; for (; j < 10; ) { console.log(`j = ${j}`); ++j; } let w = 0; while (w < 10) { console.log(`w = ${w}`); ++w; } for (let a = 0, b = 1; a < 10 && b < 5; ++a, --b) { // && 는 '그리고' 다. 두 조건이 한번에 만족해야 한다. console.log(`a = ${a}..

if 조건문 if (조건) (조건) 안에 boolean 값이 true면 (조건) 뒤 스코프 코드가 실행되고 else 스코프 코드는 실행되지 않는다 false 라면 (조건) 뒤 스코프는 실행되지 않고 else 스코프 내에 코드가 실행된다 if (1 > 2) { console.log("1 2 는 false 다"); } else if문 첫 번째 조건이 아니라면 else if 조건문으로 내려서 boolean값을 판단한다 if (1 > 2) { console.log("여기 조건이 거짓이면서"); } else if (2 < 3) { console.log("여기 조건이 참이면 else if의 {} 코드가 실행 된다."); } else { co..

재귀함수란? 자기 자신을 호출하는 함수 function factorial(num) { if (num == 1) return 1; console.log("현재 숫자 : " + num); return num * factorial(num - 1); } // factorial 함수가 다시 factorial 함수를 return fibonacci 함수 function fibonacci(n) { if (n == 1) return 1; else if (n == 2) return 1; else return fibonacci(n - 2) + fibonacci(n - 1); } TowerHanoi let count = 0; function blockMove(start, end) { console.log(`타워${start}..

Function 란? 함수는 기능을 실행하는 코드에 이름을 짓는 기능이다. 변수가 데이터의 이름을 짓는다 처럼 함수도 이름을 선언하고 정의할 수 있다. 중괄호 안에 실행할 코드를 기입 하면 된다 () 소괄호 안에는 함수를 사용할 때 함수에게 정보(매개변수)를 입력 선언 방식 함수 선언식 함수 표현식 화살표 함수 function test() { console.log("넣고 싶을 걸 넣어봐 !"); } let test2 = function () { console.log("함수를 초기화합니다."); console.log("해당 형식으로 함수를 초기화 하는 방식을 : 함수 표현식"); }; const test3 = () => { console.log("함수를 초기화 합니다."); console.log("해당 형..