빵 입니다.

canvas 크기 조절 방법 HTML 요소의 width, height 속성 값을 스크립트로 조정한다. 👉🏻 canvas가 가진 픽셀 수 자체를 바꾸는 방법 CSS transform의 sclale 값을 조정한다. 📌 canvas를 그릴 때 숫자 값을 정수 처리해 줘야 그릴 때 성능이 더 좋아진다.

HTML의 각각의 요소들은 유사한 특성을 가진 요소들이 그룹화 된 0개 이상의 카테고리(범주)에 속해있다. 이 스펙에서는 광범위한 카테고리가 사용된다. Metadata content (메타데이터 콘텐츠) 문서의 표현, 동작을 수정하거나 다른 문서를 가리키는 링크 설정하거나 기타 “대역 외 정보”를 전달한다. , , , , , , Flow content (플로우 콘텐츠) 제목 요소, 구획 요소, 구문 요소, 임베딩 요소, interactive 요소 그리고 Form 관련 요소를 포함하여 요소에 들어 갈 수 있는 대부분의 요소를 포함하는 광범위한 영역 보통 텍스트나 내장 콘텐츠를 포함한다. , , , , , , ,, (en-US), , , , , , , , , , , , , , , , , , , , , , ,..

data-*속성은 HTML5 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었다. data-*속성은 표준이 아닌 속성이나 추가적인 DOM 속성을 조작 하지 않고도, 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해준다. data-*속성은 사용자가 직접 data- 로 시작하는 속성을 만들 수 있다. data- 뒤에 원하는 이름을 지정하고 사용하면 된다. 안녕하세요. data-*속성 하나로 javascript, css에서 모두 접근할 수 있다. javascript에서 접근하기 .dataset 속성을 통해 data-*속성에 접근이 가능하다. var greeting = document.getElementById('greeting'); arti..

이미지가 캐시에 남아있어 수정된 이미지를 못 불러오는 경우가 있다.그럴땐 매개변수를 이용하여 마크업만 약간 변경하면 된다.(서버개발 시 ? 뒤에 불러올 값 + &와 여러 가지를 섞어서 오브젝트를 불러올 수 있다.) 보통 수정일 날짜를 입력합니다. 이미지이름.확장자?문자숫자ex) popup.jpg?20140218

웹 표준을 잘 지킨다는 것은 각 태그의 고유한 속성을 얼마나 잘 활용하느냐에 따라 달라진다. 적절한 사용 default type a 외부, 내부의 다른 페이지로 이동 button 한 페이지 내에서 UI 변경 (비주얼적인) 브라우저마다 다르다. 같은 type이라도 과는 다르다. input 서버에 서식 전송 text

절대 경로 (전체를 기준으로 root부터 내려간다.)로컬 기준 file:/// 프로토콜을 시작으로 파일의 전체 경로 명시 file:///루트 폴터 (C:\)/폴더 경로/파일명 예) 웹 서버 기준 http:// 프로토콜을 시작으로 파일의 전체 경로 명시 http://도메인/폴더 경로/파일명 예) 상대 경로 (현재 작업 중인 파일 기준으로 디렉토리를 찾아간다.)현재 문서와 같은 폴더에 위치할 경우 ./는 같은 폴더를 의미 ./파일명 예) 현재 문서보다 하위 폴더에 위치할 경우 하위 폴더명/파일명 예) 현재 문서보다 상위 폴더에 위치할 경우 ../가 한 번이면 상위 폴더로 한 번 이동, 한 번 이상 이동할 경우에는 이동 폴더의 개수만큼 ../파일명 예) 현재 문서와 같은 레벨의 폴더에 위치할 경우 ../하위 ..