개발하냥

게시글

• 

  HTML & CSS Font Awesome 4 / 무료 아이콘 아주 유용한 무료 폰트 아이콘인 Font Awesome 에 대해 알아보자. *(추가)현재 5 버전 출시되었지만 4버전에 대해 먼저 알아본다. STEP 1. HTML 문서에 연결하기Font Awesome은 CDN을 이용할 수도 있고 다운로드 받아 사용할 수도 있습니다.간편한 방법은 CDN이지만, 속도가 느리다면 다운로드 받아 사용가능합니다. - CDN 이용하기 HTML 문서의 사이에 다음의 코드 추가 4.7.0은 버전정보, 원하는 정보를 숫자변경을 통하여 사용할 수 있음. - 다운받아 사용하기 Font Awesome v4.7.0 홈페이지에서 다운로드 다운로드 후 압축을 풀고, css 폴더 안의 font-awesome.min.css 파일과 fonts 폴더 안의 모든 파일 업로드 한 후 HTML 문서의 사이에..

• 

  HTML & CSS 웹 접근성 규칙 웹 접근성(Web Accessibility)이란? - 장애인, 고령자 등이 웹사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장 웹 접근성 규칙 정리

• 

  JavaScript [JavaScript] IE(익스) 프린트 미리보기 기능 JavaScript를 통해 IE에 내장되어있는 프린트 미리보기 기능을 불러오는 방법 *(크롬은 기본 프린트 호출이 미리보기 이므로 분기처리) 스크립트 함수 추가 function pagePrintPreview(){ var browser = navigator.userAgent.toLowerCase(); if ( -1 != browser.indexOf('chrome') ){ window.print(); }else if ( -1 != browser.indexOf('trident') ){ try{ //참고로 IE 5.5 이상에서만 동작함 //웹 브라우저 컨트롤 생성 var webBrowser = '아래코드'; //웹 페이지에 객체 삽입 document.body.insertAdjacentHTML('beforeEnd..

• 

  JavaScript [JavaScript] 글자수 자르기 JavaScript를 활용한 글자수 자르기 메인화면에 나타낼 수 있는 글자수는 한정적이다. 특정 글자수가 넘어가면 다른문자로 대체 function textLengthOverCut(txt, len, lastTxt) { if (len == "" || len == null) { // 기본값 len = 20; } if (lastTxt == "" || lastTxt == null) { // 기본값 lastTxt = "..."; } if (txt.length > len) { txt = txt.substr(0, len) + lastTxt; } return txt; }

• 

  JavaScript [JQuery] 체크박스 갯수 / 체크여부 확인 JQuery를 활용하여 체크박스 전체 갯수와 선택된 갯수 구하기 / 체크여부 확인 // 전체 갯수 $("input:checkbox[name=is_check]").length // 선택된 갯수 $("input:checkbox[name=is_check]:checked").length // 전체 체크 $("input[name=mycheck]:checkbox").prop("checked", true); // 전체 체크 순회 $("input:checkbox[name=is_check]").each(function() { this.checked = true; }); // 체크여부 확인 if($("input:checkbox[name=complete_yn]").is(":checked") == true) { //작업 }