TIL 15: Spread, Rest 문법, DOM

마크다운은 아무리 찾아봐도 형광펜 기능이 없는 것 같아요... 찾은 것 같아서 신났다가 또 무슨 기능 따로 적용해야 한다 되어있고.. 그래서 포기하고 기본모드로 작성해보려고 합니다. 형광펜은 포기할 수 업쒀!

 

 

Spread / Rest

Spread 문법: 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용합니다. 

Rest 문법: 패러미터를 배열의 형태로 받아 사용합니다.

 

 

 

DOM

DOM은 Document Object Model의 약자로, HTML 요소를 Object처럼 조작할 수 있는 모델입니다.

자바스크립트라는 프로그래밍 언어와 DOM을 활용하여 HTML에 접근하고 조작합니다.

웹 브라우저가 작성된 코드를 해석하는 과정에서 <script>요소를 만나면, HTML해석을 잠시 멈추고 <script> 요소를 먼저 실행합니다.

DOM 구조를 조회할 때에는 console.dir 이 유용합니다.

console.dir 은 console.log 와 달리 DOM을 객체의 모습으로 출력합니다.

document객체에는 많은 속성과 메소드가 존재합니다.

여기서 제일 중요한 부분은 CRUD(Create, Read, Update and Delete)입니다.

아래와 같이 실행하면 됩니다.

const container = document.querySelector('#container')  //Read: 최상단 div 하나만 조회
const tweetDiv = document.createElement('div')  //Create
container.append(tweetDiv)  //Update
tweetDiv.remove()  //Delete



document.getElementById('div')  //id가 div인 element 하나를 조회
document.getElementByClassName('div')  //class가 div인 element 여러개 조회