728x90 DOM18 DOM(Document Object Model) 웹 페이지의 내용을 js로 다룰때는 단순히 내용을 문자열로 다루는 것 보다 어떠한 덩어리로 조작하는 것이 더 쉽다. 이를 위한 것이 DOM이다. DOM은 HTML, XML문서를 프로그램에서 이용하기 위한 API이며 트리 구조를 사용한다. 이때 이 트리를 DOM트리라 한다. 구조 자체가 트리인 만큼 DOM트리 안에서 각 객체를 노드라 하며 어떤 노드와 다른 노드와의 관계는 트리에서 사용하는 관계와 같다(부모, 자식 등). DOM 사양은 W3C에 의해 Level1~3으로 정의되 있다. DOM Level 1 DOM Level1은 Core, HTML이 두 가지 모듈로 구성되 있다. 모듈 설명 Core HTML에 한정되지 않은 일반적인 DOM 조작에 대한 사양 getElementsByTagName - 태그명을 지.. 2021. 8. 3. 리엑트 개요 MVC는 프로그램이 사용자에게 어떤 작업을 받으면 컨트롤러는 모델 데이터를 조회하거나 수정하고 변경된 사항을 뷰에 반영한다. 다음과 같은 예제가 있다고 해보자 1 여기서 likes의 값을 2로 업데이트 한다고 하면 likes의 내부를 수정해야 한다. 업데이트 항목에 따라 변경할 부분의 규칙을 정하는 것은 쉽지만 만약 애플리케이션의 규모가 커지면 복잡해 지고 관리를 하기 어려워 성능 저하를 야기한다. 위의 문제를 해결하기 위해 facebook은 어떤 데이터가 변할 때마다 어떤 변화를 주는 대신 기존의 뷰를 날리고 처음부터 새로 렌더링을 하는 방식을 고안했다. 하지만 DOM은 느리기 때문에 이 방식을 사용하게 된다면 메모리, CPU사용량이 늘어나게 될것이다. 이 문제점을 최대한 해결한 것이 리엑트 이다. 리.. 2021. 6. 19. 이전 1 2 3 4 5 다음 728x90