JavaScript8 var, let, const var 변수 선언var var1 = "var1 변수";console.log(var1);var1 = "var1 변수 덮어쓰기";console.log(var1);var var1 = "var1 변수 재선언"console.log(var1)var 변수 선언의 문제점1. 변수를 덮어 쓸 수 있다.2. 변수를 재선언 할 수 있다. let 변수 선언let let1 = "let 변수";console.log(let1);let1 = "let 변수 덮어 쓰기";console.log(let1);//let let1 = "let 변수 재선언";let 변수는 덮어 쓸 수는 있지만, 재선언 할 수 없음 const 변수 선언const const1 = "cosnt 변수";console.log(const1);// const = "const.. 2025. 4. 18. 함수 정의 방식 함수 function f1() { console.log("f1"); } f1(); 기본적인 함수 정의 방식이다. 익명함수 var f2 = function() { console.log("f2"); } f2(); 함수의 이름을 생략할 수 있으며 함수를 변수에 대입할 수 있다. 람다식 var f3 = () => { console.log("f3"); } f3(); 익명함수를 간결하게 표현한 것 이다. Immediately Invoked Function Expression (function(){ console.log("f4"); })(); 정의와 동시에 실행이 된다. 함수 안에 있는 변수들은 외부에서 접근할 수 없다. 2023. 12. 6. 웹브라우저에서 자바스크립트 실행 순서 1. 웹페이지 실행 시 전역 객체인 Window 객체가 생성 2. Document 객체가 Window 객체의 프로퍼티로 생성되며 웹 페이지를 해석해서 DOM 트리를 구축하려고 한다. 3. HTML 문서는 작성 순서에 따라 분석되며 Document 객체 요소와 텍스트 노드가 추가된다. 4. HTML 문서 내부 script 요소 안의 코드나 외부 파일의 코드가 분석된다. 이때 HTML 문서 분석은 일시중지 되고 자바스크립트 코드가 완전히 실행된 후 HTML 문서 분석이 재개된다. 5. HTML 문서의 모든 내용을 읽고 DOM 트리가 구성되면 document.readtState 프로퍼티 값이 interactive로 바뀜. 6. 웹 브라우저는 Document 객체에 DOM 트리 구축 완료를 알리기 위해 DOMC.. 2023. 12. 5. Jquery 선택자 선택자는 HTML 영역 요소를 선택하여 가져온다. 선택자를 사용하면 정적인 HTML를 동적으로 변경할 수 있다. 선택자 종류 기본 선택자 가장 일반적으로 사용되는 선택자, 특정 요소, 클래스, 아이디, 속성 등을 선택 할 수 있다. $("p") 모든 태그를 선택 $(".class") 클래스 이름이 class인 요소를 모두 선택 $("#id") 아이디가 id인 요소를 선택 (id 요소는 중복이 불가능하다.) $("[href]") href 속성을 가진 모든 요소를 선택 id 선택자 class 선택자 직접 선택자 인접 관계 선택자 특정 요소와 같은 부모를 가지며 뒤에 있는 자식 요소를 선택 할 수 있다. CSS에서 사용되는 선택자 이다. 인접 관계 선택자 내용1 하위 요소 선택자 내용2 탐색 선택자 직접 선택.. 2023. 11. 27. 이전 1 2 다음