기본 Open Graph 설정하기
프로젝트를 진행할 때 기본적으로 세팅해야 하는 오픈 그래프 메타 태그를 기록해둔다. 🚨 단일 페이지가 아닌, 글이 많은 블로그나 페이지가 다양한 기업 홈페이지를 개발한다면 유동적으로 메타 태그가 생...
블로그
파일 첨부 input 외형 변경 (w. jQuery)
input type file의 외형을 간단히 수정할 수 있는 방법을 기록한다. jQuery로 작성되어 있으나 IE는 고려하지 않았다. HTML <label for="attached"> <input class="file_real" id="attached"...
oninput 이벤트로 input type text에 숫자만 받기
작업을 하다보면 종종 input type="text"에 숫자만 받아야 하는 경우가 있다. 물론 input type="number"를 사용하면 아주 간단하게 해결되지만 maxlength, minlength 속성이 적용되지 않아 number 타입...
HTML 특수문자 코드표 – HTML Entities
마크업을 할 때나 글을 작성할 때 < 와 같은 특수문자를 표시하기 위해선 < 와 같이 코드로 입력해야한다.아래 사이트를 방문해 원하는 특수문자의 코드를 찾아 사용하면 된다. https://dev.w3.org...
체크박스 미리 체크해놓고 수정 못하게 막기
HTML // HTML5 <input type="checkbox" checked disabled> // older <input type="checkbox" checked="checked" disabled="disabled"> checked를 쓰면 기본으로 체크가 되어 있게 한다.disab...
onclick 링크 (새창/팝업/현재창/프레임)
onclick 속성을 사용하여 링크를 이동하는 방법에 대해 기록해둔다. 1. 즉시 이동 <button onclick="location.href='https://naver.com'">네이버</button> 2. 새 창으로 열기 <butto...