wiki:html

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:html [2020/06/10 09:57]
127.0.0.1 바깥 편집
+++ wiki:html [2023/01/13 18:44] (현재)
@@ 줄 7: / 줄 7: @@
 </WRAP>
 <WRAP clear/>
+----
+연관 WIKI: [[wiki:css|CSS]] [[wiki:javascript|JAVASCRIPT]] \\
+----
+===== 조건부 주석 =====
+어떠한 조건이 충족되지 않으면 주석처리가 되고, 조건이 충족되면 주석안의 내용이 브라우저에 렌더링 되는 것을 의미 \\
+주로 크로스브라우징을 위해 많이 사용되는 방법으로 익스플로러 브라우저의 버전을 구분하는 용도로 사용됨 \\
+사용 예시 IE9 아래의 버전에서 아래 스크립트가 사용됨 \\
+<code html>
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</code>
+[[https://dev.eyegood.co.kr/entry/HTML5-CSS3-%EC%A1%B0%EA%B1%B4%EB%B6%80%EC%A3%BC%EC%84%9D|[HTML5 / CSS3] 조건부주석]] \\
+\\
+===== Content Type =====
+  * [[wiki:html:content_type|Content Type]]
 ===== Html5 =====
@@ 줄 26: / 줄 44: @@
   * [[https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/%EB%8D%B0%EC%9D%B4%ED%84%B0_%EC%86%8D%EC%84%B1_%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0|데이터 속성 사용하기]]
   * [[wiki:html:data-* 속성의 값 출력하기|data-* 속성의 값 출력하기]]
+===== <canvas>태그의 getContext('2d') =====
+>렌더링 컨텍스트
+<canvas> 엘리먼트는 고정 크기의 드로잉 영역을 생성하고 하나 이상의 렌더링 컨텍스(rendering contexts)를 노출하여, 출력할 컨텐츠를 생성하고 다루게 됩니다. \\
+본 튜토리얼에서는, 2D 렌더링 컨텍스트를 집중적으로 다룹니다. \\
+다른 컨텍스트는 다른 렌더링 타입을 제공합니다. 예를 들어, WebGL은 OpenGL ES 을 기반으로 하는 3D 컨텍스트를 사용합니다.\\
+캔버스는 처음에 비어있습니다. 무언가를 표시하기 위해서, 어떤 스크립트가 랜더링 컨텍스트에 접근하여 그리도록 할 필요가 있습니다. \\
+<canvas> 요소는 getContext() 메서드를 이용해서, 랜더링 컨텍스트와 (렌더링 컨텍스트의) 그리기 함수들을 사용할 수 있습니다.  \\
+getContext() 메서드는 렌더링 컨텍스트 타입을 지정하는 하나의 파라메터를 가집니다. \\
+본 튜토리얼에서 다루고 있는 2D 그래픽의 경우, CanvasRenderingContext2D을 얻기위해 "2d"로 지정합니다.\\
+*출처 [[https://developer.mozilla.org/ko/docs/Web/HTML/Canvas/Tutorial/Basic_usage|]]
 ===== Ref =====
   * [[https://blog.outsider.ne.kr/191|XHTML 사용에 대한 정리]]
 ===== Tip =====
@@ 줄 35: / 줄 64: @@
 ===== Troubleshooting =====
+===== HTML Note =====
+   * [[wiki:html:html note]]
+===== HTML 유용한 사이트 =====
+   * [[https://dev.w3.org/html5/html-author/charref|특수기호를 HTML코드로 넣는 웹사이트]]
+   * [[https://xpressengine.github.io/XEIcon/index.html|폰트 아이콘 사용 (XEICON)]]
 {{tag>주레피 eleven html html5}}

/volume1/web/dokuwiki/data/attic/wiki/html.1591750661.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)