DOM 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. - Mozilla const $ = tag => document.querySelector(tag) const $$ = tag => document.querySelectorAll(tag) // ..
객체를 사용하여 개체를 표현하는 방식을 객체 지향 프로그래밍(object-oriented programming, OOP) 이라 부른다. - 위키피디아 제세한건 참고 링크 확인 OOP(객체 지향 프로그래밍) OOP(객체 지향 프로그래밍)이란 문제를 여러 개의 객체 단위로 나눠 작업하는 방식으로, 객체들이 서로 유기적으로 상호작용하는 프로그래밍 이론이다.대표적으로 Java와 C++이 객체 지향 프로그 velog.io JS는 멀티패러다임 언어로써 함수형, 개체지향형 프로그래밍 둘 다 사용할 수 있다. 개체 생성 방법 1 (ES5 이전) function 사용 : https://ko.javascript.info/constructor-new 객체 틀 생성 function Song(singer, title, rele..
문법 function func() { // 일반함수 //... } const arrowFunc = () => { // 화살표 함수 (ES6에 새로 추가됨) //... } 함수 표현식을 간결하게 표현한 것이 화살표 함수이다. 차이 1. this 결론: 일반함수를 써서 가리키는 객체가 달라져서 오는 혼동을 막기위해, 화살표 함수를 쓰기도 한다. 🔶 일반함수 JS에서 모든 함수는 실행 때 마다 함수 내부에 this 객체가 추가 된다. 함수에서 this가 바인딩 되는 3가지 상황 1. 함수 실행 시 전역객체를 가리킨다. function test1() { console.log(this) } test1() // Window {window: Window, self: Window, document: document, ..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.