DOM - 개념, 특징, 종류, 스크립트 접근 방법, 중요 데이터 타입

DOM 이란? 문서 객체 모델(Document Object Model)의 약자 HTML, XML 문서의 각 항목을 계층으로 표현하여 생성, 변형, 삭제하도록 돕는 인터페이스 문서 내의 모든 요소를 정의하고, 각 요소에 접근하는 방법 제공 동적으로 문서의 내용, 구조, 스타일에 접근하고 변경하는 수단 브라우저 사이에 DOM 구현 호환성을 위해 W3C에서 DOM 표준 규격 작성 즉, W3C의 표준화한 API들의 기반 표준 규약 외 기능들은 각기 다른 DOM이 적용된 브라우저에서 호환 여부가 다를 수 있음을 인지 W3C 이란? World Wide Web Consortium의 약자 월드 와이드 웹을 위한 표준을 개발하고 장려하는 중립적인 국제 조직 전 세계 곳곳에 위치한 다양한 분야의 기관들이 웹 표준화를 위해..

• format_list_bulleted Web/html & css & xml
• · 2023. 3. 4.
• textsms

CSS - 스타일 적용 방법과 적용 우선순위 (인라인 스타일, 내부 스타일시트, 외부 스타일 시트)

스타일 적용 방법 인라인 스타일(Inline style) HTML 요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법 해당 요소에만 스타일 적용 내부 스타일 시트(Internal style sheet) HTML 문서 내의 내부 스타일 시트 적용 적용 화면 외부 스타일 시트 적용 외부에 작성된 스타일 시트 파일을 사용, 확장자는 '.css' 외부 스타일 시트(external style sheet.css) /* external style sheet.css */ h2 { color:red; } HTML 문서(css external style sheet test.html) 외부 스타일 시트 적용 적용 화면 스타일 적용 우선순위 인라인 스타일 내부 스타일 시트 외부 스타일 시트 웹 브라우저 기본..

• format_list_bulleted Web/html & css & xml
• · 2023. 3. 1.
• textsms

XML - PDATA란? (개념과 사용 방법, CDATA와 PDATA의 차이) (2/2)

이전 포스팅, CDATA에 대한 내용 확인하기 XML - CDATA란? (개념, 사용 방법, 사용하는 이유) +XML 파서 (1/2) PDATA란? Parsed Character Data의 약자 XML 파서에 의해 분석될 문자 데이터를 의미 즉, XML 요소의 시작 태그와 종료 태그 사이에 위치한 텍스트를 의미 일반적인 문자 데이터를 의미 구문 text data XML 문서 내부에 있는 요소 내부에 포함 일반적으로 사용자가 볼 수 있는 정보의 텍스트 데이터 포함 예 : 문서의 본문, 제목, 설명 등 구문 설명 : 텍스트 데이터를 해당 섹션으로 구분 text data : 정의한 pdata 섹션 내의 포함될 텍스트 데이터 내용 사용 예시 티스토리 블로그 차곡차곡 천천히 https://luvris2.tisto..

• format_list_bulleted Web/html & css & xml
• · 2023. 2. 25.
• textsms

XML - CDATA란? (개념, 사용 방법, 사용하는 이유) +XML 파서 (1/2)

이번 포스팅에서는... CDATA와 XML 파서에 대한 개념과 사용 방법, 사용하는 이유에 대하여 설명합니다. 다음 포스팅에서는... PDATA에 대한 개념과 CDATA와 PDATA의 차이점에 대해 설명합니다. XML - PDATA란? (개념과 사용 방법, CDATA와 PDATA의 차이) (2/2) CDATA란? Character DATA의 약자 XML 파서가 분석하지 않는 문자 데이터를 의미 즉, CDATA 섹션 내부의 모든 문자는 XML 파서에 의해 문자 그대로 해석되며, 특수 문자나 태그로 간주되지 않음 XML 파서 XML 문서를 일어서 문서 내의 요소(element), 속성(attribute), 텍스트(text) 등의 정보를 추출 일반적으로 데이터를 전송하거나 저장하기 위해 사용 XML 문서를 읽..

• format_list_bulleted Web/html & css & xml
• · 2023. 2. 25.
• textsms

HTML/CSS - 드래그 방지하기 (Draggable / user-drag)

드래그를 방지하는 방법은 크게 두가지로 분류할 수 있습니다. 첫 째, HTML의 태그에 속성을 추가하여 드래그를 방지하는 방법(Draggable) 둘 째, CSS의 요소에 속성을 추가하여 드래그를 방지하는 방법(user-drag) HTML 태그의 속성을 추가하여 드래그 방지하기 Draggable 요소의 드래그 가능 여부를 나타내는 열거형 특성 열거형 특성 : 텍스트 값의 제한된 사전 정의된 집합을 가진 속성 예시) true, false, inherit 등.. 네이티브 브라우저 동작 방식과 HTML 드래그 앤 드롭 API 모두 통제 값 설정 true : 요소 드래그 기능 활성화 false : 요소 드래그 기능 비활성화 주의 : true/false의 값을 가지나 Boolean이 아닌 Enumerated 특성..

• format_list_bulleted Web/html & css & xml
• · 2023. 2. 24.
• textsms

HTML - <br> 태그와 &nbsp; 의 차이

태그 단일 줄 바꿈을 삽입하는 데 사용되는 줄 바꿈 태그 텍스트를 다음 줄로 이동하는 데 사용 브라우저에서 태그가 발견되면 다음 줄로 이동 다음 내용이 존재하지 않으면 줄바꿈이 일어나지 않음 즉, 줄 바꿈에 사용 (non-breaking space) 구분되지 않는 공간을 나타내는 요소 참조 브라우저가 끊을 수 없는 두 단어 사이에 공백을 만드는 데 사용 즉, 줄 바꿈이 없는 공간을 만드는 데 사용 예시 태그와 요소의 공간 확인 br태그(다음내용X) br태그(다음내용O) nbsp 123 123 123 123

• format_list_bulleted Web/html & css & xml
• · 2023. 2. 21.
• textsms