Front-End/JavaScript

[JavaScript] DOM (Document Object Model)

DOM이란 웹 페이지에 대한 프로그래밍 인터페이스이다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있는 API를 제공한다 Document Object Model을 번역해보면 문서 객체 모델로 번역할 수 있다. 문서 객체란 같은 html 문서의 태그들을 자바스크립트가 이용할 수 있는 객체 즉, object로 만들면 문서 객체라고 한다 넓은 의미로는 웹 브라우저가 HTML 페이지를 인식하는 방식이고 좁은 의로 본다면 document 객체와 관련된 객체의 집합을 의미할 수 있다 이러한 DOM을 이해하기 전에는 웹 페이지가 어떻게 빌드 되는지 봐야한다 웹 페이지가 만들어지는 방법 웹 브라우저가 HTML 문서를 읽어들이면 스타일을 입히고 대화형 페이지로 만들어 뷰포트에..

[JavaScript] 정의 & 특징

정의 자바스크립트는 서버와 클라이언트 응용프로그램을 위해서 만들어진, 플랫폼에 영향을 받지 않는 객체 기반형 스크립트 언어이면서 복잡한 무언가 즉, 주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D&3D 그래픽, 동영상 등 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어 사용자들을 위해 상호작용하는 애플리케이션을 만들 수 있게하며 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 등 많은 일들을 하면서다양한 컴퓨터가 연결되어 있는 네트워크, 다른 운영체제 속에서도 실행이 가능하다 🔥 JavaScript is cross-platform, object-based scripting language for client and server applications 자바스..

[JavaScript] 불변성을 지키는 것이 왜 중요한가

불변성이란 말 그대로 변하지 않는 것을 의미 불변 데이터는 한 번 생성되고나면 그 뒤에는 변할 수 없다 즉, 프로그래밍에서 Immutability는 데이터의 원본이 훼손되는 것을 막는 것을 의미한다 Primitive Type Boolean String Number Null Undefined Symbol 원시타입은 선언되는 순간 값이 메모리에 저장되고, 변수가 그 값을 가리키게 된다 이 값은 메모리 영역 안에서 변경이 불가능하며 변수에 할당할 때 완전히 새로운 값으로 만들어지므로 원시타입은 불변하다 Mutable Type 객체형 타입은 선언되는 순간 값 자체가 아닌 새로운 메모리 주소를 생성 저장하기 때문에 객체 별로 새로운 주소가 생성된다. 따라서 동등 비교를 했을 경우 그 내용이 같더라도 false 값..