JavaScript 속성 및 메서드DOM 조작요소 선택// 요소 선택const element = document.getElementById('id');const elements = document.getElementsByClassName('class');const elements = document.getElementsByTagName('div');const element = document.querySelector('.class');const elements = document.querySelectorAll('div.item');요소 속성 조작// 속성 가져오기element.getAttribute('src');element.id;element.className;element.classList; // D..

📌this란? 자바스크립트에서 this는 함수가 어떻게 호출되었는지에 따라 달라지는 특별한 키워드즉, 정의된 위치가 아니라 "호출된 방식" 에 따라 this가 가리키는 대상이 바뀐다.📌 상황별 this 정리1. 일반 함수 호출function showThis() { console.log(this);}showThis(); // 브라우저 환경: window, strict 모드: undefined일반 함수에서 this는 전역 객체(window) 를 가리킨다.단, "use strict" 모드에선 undefined가 된다.2. 객체의 메서드로 호출const user = { name: 'Alice', sayHi() { console.log(this.name); }};user.sayHi(); // "A..

문제 상황Animal Album 프로젝트를 진행하면서 Live Server로 실행했을 때,브라우저에서 다음과 같은 오류가 발생했습니다Failed to load resource: the server responded with a status of 404 (Not Found)ERR_CONNECTION_REFUSED프로젝트 구조와 코드가 강의 내용과 완전히 동일함에도 불구하고, 404 Not Found 오류가 계속 발생했습니다.원인 분석1. Live Server 경로 문제프로젝트 폴더 전체를 VS Code로 열지 않고, index.html 파일만 열어 Live Server를 실행했습니다.이 경우, 서버가 루트 디렉토리를 index.html 파일의 상위 폴더가 아니라 파일이 있는 위치로 인식합니다. 2. 경로 ..

📚 변수(Variable)📝 변수(Variable)변수(Variable)란하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름값의 위치를 가리키는 상직적인 이름 ❇︎ 변수 이름(변수명) : 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름❇︎ 변수 값 : 변수에 저장된 값❇︎ 할당(대입,저장/assignment) : 변수에 값을 저장하는 것❇︎ 참조(reference) : 변수에 저장된 값을 읽어 들이는 것// 예제 : 10 + 20의 연산결과 30을 result라는 변수에 저장한 것var result = 10 + 20; 💡 변수에 여러 개의 값을 저장하는 방법변수는 하나의 값을 저장하기 위한 메커니즘여러 개의 값을 저장하려면 여러 개의 변수를 사..

📚 표현식과 문📝 값(value)값(value)은 식(표현식/expression)이 평가(evaluate)되어 생성된 결과를 말한다.평가(evaluate) : 식을 해석해서 값을 생성하거나 참조하는것 📝 리터럴(literal)리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)자바스크립트 엔진은 코드가 실행되는 시점인 "런타임(runtime)" 에 "리터럴을 평가"해 값을 생성한다. 📝 표현식(expression)표현식(expression)은 값으로 평가될 수 있는 문(statement)이다.즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.// 리터럴 표현식10;("Hello");// 식별자 표현식(선언이 이미 존..

보호되어 있는 글입니다.

📚 Math.floor()1. Math.floor()란?Math.floor()는 소수점을 버리고 가장 가까운 “내림”된 정수를 반환하는 함수이다.예를 들어, 3.9를 Math.floor()에 넣으면 3을 반환합니다.3.9를 넣으면 -4를 반환합니다.내림은 “값을 내려서 가장 작은 정수로 만든다”는 의미, 소수점 이하 자리를 버리고 작은 정수로 내린다.2. Math.floor() 사용법기본 문법Math.floor(a);a : 내림을 하고자 하는 실수예시1. 양수 값에서의 내림console.log(Math.floor(3.9)); // 3console.log(Math.floor(7.6)); // 7console.log(Math.floor(2.1)); // 22. 음수 값에서의 내림console.log(..

🧡 JavaScript1. 기본 개념undefined정의변수를 선언만 하고 초기화하지 않았을 때, JavaScript 엔진이 자동으로 할당하는 값입니다.함수가 return문 없이 종료되면, 암묵적으로 반환되는 값입니다.사용 상황아직 값이 할당되지 않은 상태를 표현합니다.예를 들어, 선언된 변수에 값이 들어가기 전까지는 해당 변수의 값은 undefined입니다.let value;console.log(value); // 출력: undefinedfunction doSomething() { // 아무 값도 반환하지 않으므로 undefined가 반환됩니다.}console.log(doSomething()); // 출력: undefinednull정의개발자가 명시적으로 "값이 없음"을 표현하기 위해 할당하는 값입니..