JS 3

자바스크립트의 DOM(Document Object Model)

안녕하세요오늘은 자바스크립트의 기본 중에 기본인 DOM에 대해서 포스팅 해보겠습니다. DOM(Document Object Model)DOM(Document Object Model) 은 웹 문서의 구조화된 표현입니다.이것은 프로그래밍 언어가 웹 페이지 내의 객체에 접근하고 조작할 수 있게 하는 인터페이스로 동작합니다.자바스크립트에서 웹페이지의 요소를 선택, 수정, 추가 또는 제거할 때 사용됩니다.DOM의 주요 특징1. 트리 구조 : DOM은 트리 구조로 표현되며, 각 노드는 웹페이지에서 문서, 요소, 속성, 텍스트, 주석 을 나타냅니다.2. 라이브 특성 : DOM은 라이브라는 특성이 있습니다. DOM에 대한 변경은 즉시 웹페이지에 반영됩니다.3. 조작 가능 : 자바스크립트를 사용하여 DOM 요소를 선택 수..

JS 2025.01.28

자바 스크립트의 원시타입 그리고 참조 타입

안녕하세요 오늘은 자바스크립트의 원시타입 그리고 참조 타입의 차이에 대해서포스팅해보겠습니다. JavaScript 변수 타입 자바스크립트의 변수 타입에는 크게 원시타입 그리고 참조타입으로 나뉩니다. 원시타입 변수는 데이터 복사가 일어나면 메모리 공간을 새로 확보해 독립적인 값을 저장하고,참조타입은 메모리에 직접 접근이 아닌 메모리의 위치(주소)에 간접적인 참조를 통해 메모리에 접근을 합니다. 자바스크립트의 원시(Primitive) 타입 자바스크립트의 원시타입으로는 number, bigint, string, boolean, null, undefined, symbol총 7개가 존재하며, 이들의 공통접은 object가 아니며 따로 메서드를 가지지 않습니다.(여기서 symbol은 ES6에서 추가된 원시타입으로, ..

JS 2025.01.28

[Javascript] var,let,const 차이와 사용법

안녕하세요오늘은 다들 당연히 안다고 생각하지만 대답을 잘 못하는 var let const의 차이와 사용법에 대해포스팅 해보겠습니다.  우선 호이스팅이 처음 들어보신 분들은 본문 하단에 있는 설명부터 보시면 좋을것 같습니다 ^^7 var 함수 스코프 : var로 선언된 변수는 함수 내부에서만 유효, 하지만 if,for 내부에서는 무시됨호이스팅 : var 변수는 선언이 함수의 최상단에서 끌어올려지기떄문에 선언하기 이전부터 사용할 수 있다. (초기화 전 undefined)재선언 가능 : 같은 스코프 내에서 다시 선언 가능var의 가장 큰 단점으로는 변수 선언 방식이 있습니다.var name = 'euijin'console.log(name)var name = 'geumjeong'console.log(name)이..

JS 2025.01.21