If...Else

1) canvas 태그에 이미지 그리기 drawImage() 메소드를 사용하여 이미지를 그린다. const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const image = document.getElementById('source'); ctx.drawImage(image, 0, 0); 2) base64 문자열로 변환 canvas에 그린 이미지를 toDataURL() 메서드를 활용하여 base64 문자열로 받을 수 있다. console.log(canvas.toDataURL()); console.log 결과 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoC..

IE 렌더링 모드 아래와 같이 태그를 사용해서 어떤 렌더링 엔진을 사용할 지 선택할 수 있다. 위의 content 값에 지정할수 있는 값은 아래와 같다.IE=5 : DOCTYPE에 상관없이 IE5 렌더링IE=7 : DOCTYPE에 상관없이 IE7 표준 모드 렌더링IE=EmulateIE7 : DOCTYPE에 따라 IE7 표준모드나 쿼크모드로 렌더링IE=8 : DOCTYPE에 상관없이 IE8 표준모드로 렌더링IE=EmulateIE8 : DOCTYPE에 따라 IE8 표준모드나 쿼크모드로 렌더링IE=edge : DOCTYPE에 상관없이 IE8 이상 버전에서 항상 최신 표준 모드로 렌더링

HTML 문단 문단은 태그로 정의한다. 강아지가 꼬리를 흔들고 있다. 개인 정보 이름 : 주소 : p 엘리먼트보다 더욱 적절하게 정의된 엘리먼트가 있다면, 태그는 사용하지 않는다. 아래의 예제는 올바른 문법이다. 마지막 수정 : 2001-04-23 작성자 : pilot376@paran.com 그러나 아래의 예제가 더 좋은 마크업이다. 마지막 수정 : 2001-04-23 작성자 : pilot376@paran.com 마지막 수정 : 2001-04-23 작성자 : pilot376@paran.com HTML 줄 바꿈 하나의 문단 안에서 줄 바꿈을 원한다면 태그를 사용한다. 그 사람은 시험공부를 열심히 했지만, 아쉽게도 결과가 좋지 않았다. 참고 http://www.w3schools.com/html/html_pa..

HTML 헤딩 헤딩은 중요도에 따라서 부터 까지 정의된다. 가장 중요한 제목을 으로 정의하고, 가장 덜 중요한 제목은 으로 정의한다. This is a heading This is a heading This is a heading HTML 헤딩 태그는 오직 제목을 위해서 사용해야 한다. 글씨를 크게 만들거나 볼드 효과를 주기 위해 헤딩 태그를 사용해서는 안 된다. 검색 엔진은 당신의 웹 페이지 구조와 컨텐츠를 파악하는데 헤딩 태그를 사용한다. 또한, 사용자는 헤딩 태그를 이용하여 당신의 페이지를 훑어볼 수 있기 때문에 문서 구조를 보여줄 수 있는 헤딩 태그를 사용하는 것이 좋다. H1 헤딩 태그는 페이지 또는 의 메인 제목으로 사용한다. 뒤따라서 오는 제목은 H2 헤딩 태그를 사용하고, 그보다 덜 중요한..

HTML 어트리뷰트 HTML 엘리먼트는 어트리뷰트를 가질 수 있다. 어트리뷰트는 엘리먼트에 대한 추가적인 정보를 제공한다. 어트리뷰트는 언제나 시작 태그에 정의된다. 어트리뷰트는 이름/값 쌍을 이룬다. 예 : name="value" 어트리뷰트 예제 HTML 링크는 태그로 정의된다. 링크의 주소는 href 어트리뷰트로 정의된다. 예제 link 어트리뷰트의 값은 따옴표로 감싼다. 어트리뷰트의 값은 언제나 따옴표로 감싸야 한다. 큰따옴표(")를 대체로 많이 사용하지만, 작은따옴표(')를 사용해도 무방하다. 어트리뷰트의 값이 큰따옴표(")를 포함하고 있는 경우, 작은따옴표(')를 사용하여 어트리뷰트를 감싼다. 반대로 값이 작은따옴표(')를 포함하고 있는 경우 큰따옴표(")로 감싼다. link link 소문자 어..

HTML 엘리먼트 시작 태그(여는 태그)에서 종료 태그(닫는 태그)까지의 모든 것을 HTML 엘리먼트라고 한다. 시작 태그 엘리먼트 컨텐츠 종료 태그 paragraph link HTML 엘리먼트 문법 HTML 엘리먼트는 시작 태그/여는 태그로 시작한다. HTML 엘리먼트는 종료 태그/닫는 태그로 끝낸다. 시작 태그와 종료 태그 사이에 위치하는 것들은 엘리먼트 컨텐츠(element content)라고 한다. 일부 HTML 엘리먼트는 빈 컨텐츠를 가진다. 빈 엘리먼트는 시작 태그만으로 닫는다. 대부분의 HTML 엘리먼트는 어트리뷰트를 가질 수 있다. 중첩된 HTML 엘리먼트 대부분의 HTML 엘리먼트는 중첩될 수(다른 엘리먼트에 포함할 수) 있다. HTML 문서는 중첩된 HTML 엘리먼트로 구성되어 있다. ..

HTML이란 무엇인가? HTML은 웹 페이지를 기술하기 위한 언어이다. HTML은 Hyper Text Markup Language의 약자이다. HTML은 프로그래밍 언어가 아니라 마크업 언어이다. 마크업 언어는 마크업 태그의 집합이다. 태그는 문서의 내용을 표현한다. HTML 문서는 HTML 태그와 일반 텍스트를 포함한다. HTML 문서는 웹 페이지라고 불린다. HTML 태그 HTML 마크업 태그는 보통 HTML 태그로 불린다. HTML 태그는 꺾쇠 기호로 감싸진 키워드(태그 이름)이다. 예 : , HTML 태그는 일반적으로 "문장"과 같이 쌍을 이룬다. 한 쌍의 태그 중 처음 태그는 시작 태그이고 두 번째 태그는 종료 태그이다. 종료 태그는 시작 태그의 태그 이름 앞에 슬래시("/")를 함께 쓴다. 시..

마크업 11111111 22222222 33333333 44444444 55555555 66666666 77777777 88888888 99999999 00000000 태그에 position: relative 속성 있을 때 .container { width: 200px; height: 200px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #ccc; } .list { position: relative; padding: 5px 0; } 태그에 position: relative 속성 없을 때 .container { width: 200px; height: 200px; overflow-x: hidden; overflow-y: scroll; border..