dom5 [웹기본개념] 마크업, 마크다운, DOM 생성 [마크업 언어란] - 문서에 부가적인 정보를 표시하기위해 고안된 언어- 정보 표시 방법 : 태그(여는태그 ~ 닫는 태그)- 태그를 통해 문서 구조, 정보를 나타냄 그리고 데이터 구조를 나타내기도 함- HTML(태그를 통해 문서 구조 및 정보), XML(태그를 통해 데이터 구조)이 마크업 언어의 일종 [마크다운이란]- 일반 텍스트 문서 양식을 편집하는 문법- 마크다운으로 편집한 문서는 쉽게 HTML 등 다른 문서 파일로 변환 가능함- 보통 README 파일이나 온라인문서, 일반 텍스트 편집기로 문서 양식을 편집할 때 많이 사용함- 마크다운 문법 참고 : https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4 [DOM 생성 및 API 활용]- .. 2017. 4. 29. [자바스크립트] 빌트인객체(1) - 브라우저와 웹페이지를 위한 객체 [먼저 보면 좋은 게시글]- DOM : http://jinbroing.tistory.com/90 , http://jinbroing.tistory.com/86 [빌트인객체란]- 자바스크립트 내장 객체를 말함- 개발자가 모든 기능을 구현하지않고, 편하게 개발할 수 있도록 자바스크립트에서 기본적으로 제공하는 객체- 자료형 객체 관련 메서드를 제공함(Standard Builtin Object - String, Array 등)- 웹페이지 제어 및 동작을 추가하기위한 공통의 기능을 제공함(Native Object - BOM, DOM)- 반대로는 호스트 객체(Host Object)가 있는데, 호스트 객체란 개발자가 만들어내는 객체임 [브라우저와 웹페이지를 위한 객체]- 빌드인객체 중 브라우저와 웹페이지 제어 및 동작.. 2017. 4. 25. [웹기본개념] DOM 그리고 DOM api [목표] - DOM과 DOM API가 무엇인지 알아보기 + 이해하기- DOM과 자바스크립트는 속해지는 관계가 아님을 확인하기 [DOM이란]- Document Object Model의 준말- 문서를 구조화한 표현- 문서를 구조화하는 표준 방법- 객체지향모델- 쉽게말해 .html 이나 .xml 문서를 구성하고 있는 태그를 객체화함- 객체화된 태그들의 관계를 구조화함(트리구조)(1) .html 문서파일 코드1234567891011 My title My link My headercs (2) .html 문서파일을 구조화한 결과(트리구조) [DOM과 DOM api]- DOM은 문서(.html 혹은 .xml)를 구조화한(하는) 표현, 표준방법- DOM api는 객체화된 문서 자체, 태그(객체)를 가져오는 메소드(명령.. 2017. 4. 18. [웹 기본개념] 브라우저 동작원리 [목표]- 브라우저가 어떻게 동작을 하는지 알아보기- 내부 동작을 알아봄으로서 속도 개선을 위해 무엇이 필요한지 알아보기- 동작 매커니즘을 아는 것이 프로젝트를 짤 때 이해도가 더 깊어지는 것을 알기- 리액트 필요성 느끼기 : DOM에 대해 공부하면서, html 문서 파싱 단계를 보면서 [브라우저 기본 구성요소 및 각각의 역할](1) 유저인터페이스 : 사용자가 기능을 쉽게 이용할 수 있도록 만든 UI 요소들(주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등)(2) 브라우저 엔진 : 유저인터페이스와 랜더링 엔진 사이의 동작을 제어함(3) 랜더링 엔진- 요청한 콘텐츠를 표시할 수 있도록 하는 역할, 사용자가 HTML 파일을 요청하면 HTML과 CSS를 파싱(응답 파일)하여 화면에 표시해줌- 크롬은 각 탭마다 .. 2017. 4. 13. [자바스크립트] 들어가기전 DOM 개념잡기 [자바스크립트를 들어가기 전에 필요한 개념 - DOM 개념] html이나, xml을 뜻하는 웹문서 혹은 문서는 같은 부분적 요소나 내용이 관련된 것 끼리 묶여서 존재하는 구조화된 문서다. DOM은 Document Object Model의 약자로 html, xml 문서를 제어하기 위한 api이고, 문서를 구성하는 엘리먼트들을 객체화하여 제어할 수 있도록 함 문서를 구성하는 엘리먼트들을 객체화할 때도 구조적으로 객체화를 함(이것을 DOM 트리라고 하고 트리를 구성하는 요소들을 node라고 한다.) node에는 문서를 구성하는 엘리먼트(태그), 엘리먼트의 속성(예를 들어 a의 href 속성), 태그 내부에 있는 텍스트를 노드라한다. 쉽게 말해 엘리먼트, 텍스트 개념을 노드로 만든 것 html 문서의 요소에 접.. 2017. 1. 23. 이전 1 다음
