DOMDOM은 HTML 문서를 구조화 해놓은 객체이다. 자바스크립트로 HTML의 요소에 접근해서 읽기, 쓰기, 수정, 삭제 등의 행동을 할 때 직접 HTML 요소에 접근하는 것이 아니라 DOM에 접근해서 다루는 것이다. 대충 이론은 여기까지 하고 몇 번쓰다보면 개념은 충분히 이해 되지만 메서드같은게 너무 많기 때문에 쓸 때마다 뭐였지? 하고 다시 검색해서 쓰게 되는 친구이다. DOM 으로 뭐시기어쩌구DOM에 대한 설명DOM에 대한 설명222222 아이템 1 아이템 2 아이템 3 문자열 변경대충 HMTL 코드 예시문서 탐색 및 가져오기 #idconst header1 = document.getElementById('header');const header2 = document.query..
나는 자바스크립트를 대~충 배워 대~충 쓰고 있었다. 아직도 배우는 단계인데 모르는 지식이 굉장히 많고 대충 사용하면 안되겠구나라는걸 느끼게 된 것 중 하나인 객체의 얕은 복사와 깊은 복사를 정리한 글. (얕은 지식으로 정리하였음) 객체JS에서는 데이터 타입을 크게 원시 데이터 타입(Primitive Data Types)과 참조 데이터 타입(Reference Data Types) 두 가지로 나눌 수 있다. 객체는 둘 중 참조 데이터 타입 이다. 객체는 변수에 직접 값을 저장하지 않고 값이 저장된 메모리 주소(참조)를 저장한다. 객체의 속성에 접근해서 데이터를 변경하면 `데이터를 가리키는 주소값이` 변경 된다.(데이터가 변경되면 데이터의 주소값이 바뀌기 때문)메모리에는 데이터가 저장되는 주소가 있다. ..
Property Shorthand (단축 속성명)ES6부터 무려..! 단축 속성명을 사용할 수가 있다. 단축 속성명을 쓰면 변수를 객체의 `속성/값` 으로 바로 할당할 수가 있다. 보통 객체에 데이터를 저장할 때 변수를 사용할 것이다. 그리고 객체의 속성명은 변수명과 동일하게 짓는 경우가 많은데 `변수명`과 `속성명`이 동일하다 는 조건에 한해서 단축 속성명을 사용할 수가 있다. 예시더 이상 설명 못하겠으니 예시를 보도록 하자.let name = "길동";let age = "30";let obj = { name: name, age: age};가장 기본적인 객체에 데이터를 할당하는 문법이다. {`속성`: `값`, `속성`: `값` ....} 그리고 보통 변수명과 속성명을 동일하게 많이들 ..