문서 객체 모델 (DOM, Document Object Model)▪️웹 페이지의 구조를 표현하는 프로그래밍 인터페이스▪️웹 페이지의 각 요소를 객체로 표현▪️JavaScript를 통해 웹 페이지를 동적으로 수정하거나 새로운 요소를 추가하는 등 다양한 작업을 할 수 있다.DOM의 주요 메서드1️⃣ 요소 선택:document.getElementById(id) : ID로 요소를 선택document.getElementsByClassName(className) : 클래스 이름으로 요소 선택document.getElementsByTagName(tagName) : 태그 이름으로 요소 선택document.querySelector(selector) : CSS 선택자로 요소 선택 (단일 요소, 첫 번째 요소 선택)doc..

prototype▪️new를 사용해서 객체를 생성한다 → 생성 할 때마다 다 별개의 객체가 생성 됨▪️공통적인 부분, 특정 함수나 값을 재 사용하려면 prototype 속성, 메서드로 정의한다function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function () { console.log(this.sound); }}//객체 생성//새로운 객체를 만들 때에는 new 키워드를 앞에 붙여주어야 함const dog = new Animal('개', '멍멍이', '멍멍');const cat = new Animal('고양이', '야옹이', '야옹..

JavaScript▶️ 클라이언트와 서버 측 모두에서 사용할 수 있는 스크립트 언어▪️인터프리터 언어: 자바스크립트는 별도의 컴파일 없이 실행, 브라우저에서 바로 실행 ▪️동적 언어: 데이터 타입 선언 없이도 변수를 생성 ▪️비동기 프로그래밍 지원: 콜백, 프로미스, async/await을 통해 비동기 코드를 효율적으로 처리콘솔 출력console.log("Hello, World!");변수 선언▪️ var: 함수 스코프를 가짐.   1️⃣변수 스코프 : 함수 단위   *️⃣ ES6 이후에는 지양하고 있다   2️⃣ var 중복 선언이 가능 --> 의도치 않게 다른 값을 사용할 수도 있음    3️⃣ 호이스팅 된다 선언한 변수보다 먼저 사용 가능▪️ let: 블록 스코프를 가짐.▪️ const: 상수, 블록..

nvm 사용하여 Node.js 설치하고 브라우저 환경에서는 콘솔이 출력 되는데 터미널에서는 출력이 안됨노드도 지웠다가 깔아봤지만 그대로,, 🛠️여러가지 터미널 출력이 안되는 상황들🛠️1. 환경변수 설정node -v 후 버전이 나오면 환경변수 잘 설정 된건데 버전도 잘 나옴(노드는 잘 설치 되어있다는 ) 환경변수 문제는 아님환경변수도 제어판에서 바꿈 ㅠ 2. 터미널을 powershell이 아닌 CMD에서 수행 ➡️바꿔도 안됨 3. 윈도우 사용자 계정이 한글로 설정되어 있어 콘솔 인코딩에 문제가 발생함 ➡️원래 사용자 폴더는 영어 이름 폴더였는데 혹시 몰라서  윈도우 계정까지 이름도 바꿈 4. 파일 저장 ➡️제대로 함  5. 터미널 설정 ➡️ 터미널 자체는 잘출력 됨  6. 경로 설정 문제 ➡️문제 없음..