2025-4-30 31일차

수업 정리

javascript

자동 실행 전에 지우기 : console.clear();
출력문 : console.log("안녕");

• 데이터 타입을 자바처럼 명시하지 않음
• 변수를 생성하는 3가지 방법

1. var

• 생성 방법 : var a = 10;
  객체 :
  var a = {
  asd : 123,
  123 : "asd"
  };
  데이터 타입 대신 var가 들어감
  변수를 명시하지 않기 때문에 정수를 넣던 문자를 넣던 실수를 넣던 다 들어감
  

2. const

• 생성 방법 : const a = 10;
  상수이기 때문에 재할당을 할 수 없음
  

3. let

• 생성 방법 : let a = 10;
  재할당 가능
  같은 이름으로 만들 수 없음
  var랑 다를 게 많이 없지만 var보다 제약사항이 있음

같은 이름으로 만들 수 있는 건 var만 가능

---

제어문

조건문

let age = 20;
if (age >= 20) {
console.lot("성인");
}

반복문

let age = 20;
for (let i = 1; i <= 3; i++) {
console.log(i);
}

자바와 똑같음

---

함수

• 함수를 생성하는 법은 여러가지

function a() {
console.log("안녕")
}
function: 함수 정의할 거야
a: 함수명
(): 매개변수
{}: 구현부
함수 호출 : a();
호출 결과 : 안녕

function a(q,w) {
console.log("안녕")
console.log(q)
console.log(w)
}
a(10,"qwe");
출력결과 : 안녕 10 qwe

let b = function(){
console.log("b")
}
b();

1 = 2

---

배열

forEach
자바의 정순회와 비슷

map

내장함수

• 문자 자르기
  

---

this

자바스크립트의 this는 누가 호출했느냐가 중요함

---

< button>작동< /button>
oneclick 실행할 수 있는 능력

---

JQuery

자바스크립트를 사용할 때 주의해야할 사항
JQuery를 사용할 때 주의해야할 사항

DOM : 문서 객체 모델 = 화면 구성
DOM -> HTML
브라우저에서 화면상에 구조를 갖추는 동안

위의 축약표현
의미 : HTML 문서가 완전히 로드되고 DOM이 준비된 후에 실행될 코드를 정의