반응형 HTML3 개발 기본 용어 프론트엔드(FE, Front-end) / 백엔드(BE, Back-end) ‘프론트엔드’는 웹/앱 등에서 사용자에게 보여지는 부분에 대한 설계를 뜻하며 사용자에게 문서, 동영상 등 다양한 콘텐츠를 제공하여 사용자의 요구에 따라 반응하여 동작합니다. ‘백엔드’는 사용자에게 보여 지지 않는 정보 처리(서버, 데이터베이스 등)와 관련된 설계를 뜻합니다. 개발자도 프론트엔드 개발자, 백엔드 개발자로 나뉘지요. HTML / CSS / 자바스크립트 HTML, CSS, 자바스크립트 등은 프론트엔드 개발자들이 사용하는 툴로 조금씩 역할이 다른데요. HTML은 사용자가 보는 웹사이트의 구성을 만드는 프로그래밍 언어입니다. CSS는 이 HTML로 만든 구조를 가독성 있게 꾸미는 작업을 할 때 사용하구요. 자바스크립트는 버튼.. 2022. 10. 13. DOM - JavaScript HTML DOM은 객체(Object)들의 트리(tree)로 구성되어 있고, Document 객체를 포함하고 있습니다. Document 객체는 자식 노드로 HTML 객체를 포함하고 있습니다. DOM(Document Object Model)은 Document에서 element를 만들거나, 변경하거나, 제거할 수 있다고 하였고, 그 과정에서 Document는 HTML elements를 선택하고, 제어할 수 있도록 메소드를 제공한다고 하였습니다. 그럼 이 메소드들은 어떤 방법으로 사용할 수 있을까요? 여기서 사용되는 것이 바로 JavaScript 입니다. DOM은 HTML/CSS와 JavaScript를 이어주는 역할을 합니다. JavaScript를 사용하면 Document element에 접근하고 선택 및 변경.. 2022. 10. 7. DOM - HTML DOM DOM(Document Object Model)은 Document에서 Element를 만들거나, 변경하거나, 제거할 수 있도록 하는 프로그래밍 인터페이스입니다. 이 외에도 Element에 이벤트를 추가하여 웹 페이지를 역동적으로 만들 수 있습니다. DOM을 분류하는 3가지 모델 Core DOM: 모든 Document 타입의 standard Model XML DOM: XML Document의 standard Model HTML DOM: HTML Document의 standard Model DOM을 분류하는 모델은 위와 같이 3가지로 나눠집니다. 그 중에서 HTML DOM에 대해서 더 자세히 알아보겠습니다. HTML DOM HTML DOM은 HTML을 위한 표준 객체 모델이자 프로그래밍 인터페이스입니.. 2022. 10. 7. 이전 1 다음 반응형
