Web
주저리 주저리 웹 이야기
-
- Web [CentOS] SVN 프로젝트 생성 1. SVN 프로젝트 생성 # svnadmin create /home/svn/저장소이름 # vi /home/svn/저장소이름/conf/svnserve.conf 2. svnserve.conf 파일에서 아래 부분 주석 제거 및 내용입력 anon-access = none auth-access = write password-db = passwd realm = 저장소 설명 3. 사용자추가 # vi /home/svn/저장소이름/conf/passwd passwd 파일에서 ...
- Web [PHP] mb_strimwidth – 글자 자르기 PHP 글자를 자르는 가장 편한 함수입니다. 설명 string mb_strimwidth ( string $str , int $start , int $width [, string $trimmarker = "" [, string $encoding = mb_internal_encoding() ]] ) 예제 $text = "동해물과 백두산이 마르고 말랐다"; echo mb_strimwidth($text, 0, 15, '...', 'utf-8'); 참고: http://php.net/manual/kr/...
- Web 한국형 웹 콘텐츠 접근성 지침 2.1 (KWCAG 2.1) 2015년 3월 31일 지침 2.1 개정 참조: http://www.wah.or.kr/Participation/guide.asp 한국형 웹 콘텐츠 접근성 지침 2.1 본 표준은 장애인이 비장애인과 동등하게 웹 콘텐츠에 접근할 수 있도록 웹 콘텐츠를 제작하는 방법에 관하여 기술하고 있습니다. 본 표준에 포함된 지침들은 웹 콘텐츠 저자, 웹 사이트 설계자들이 관련된 지침을 준수하여 접근성(Accessibility...
- Web jQuery Masonry 3.x버전과 2.x버전 반응형 웹, 미디어쿼리, 매트로 UI 등… 많은 사이트의 레이아웃으로 사용된 Masonry라는 멋진 Layout Library가 있습니다. 오픈 소스로 완성도가 꽤 좋아 많은 사이트에서 사용하고 있습니다. Masonry 바로 가기: http://masonry.desandro.com jQuery와 브라우저들의 빠른 버전업에 따라 Masonry도 버전 업데이트가 됐는데 새 버...
- Web [Photoshop CS6] UI색상 변경 단축키 포토샵 CS6의 특수기능, 사용자 인터페이스(User Interface, UI) 색상 바꾸기 총 4가지 색상을 지원합니다. 자신에게 맞는 색상으로 변경 후 작업하시면 눈의 피로에 도움될 듯합니다. 단축키는 Alt+F1 (진하게), Alt+F2(연하게) 입니다. Screenshot
- Web [jQuery] 소수점 표현 소수점자리 그냥 버림 소수점자리에 관계없이 모두 버림 / 결과 3 var num = 3.54321; var number = parseInt(num); 소수점자리 값 올림 소수점 자리 값에 관계없이 무조건 올림 / 결과 4 var num = 3.54321; var number = Math.ceil(num); 소수점자리 값 내림 소수점 자리 값에 관계없이 무조건 내림 / 결과 3 var num = 3.54321; var ...
- Web IE10 다운그레이드 하기 Windows 업데이트를 진행하다보면 IE10으로 반강제적 업데이트가 됩니다. 아직은 우리나라 웹들이 IE10에서 문제가 많아 IE9로 다운그레이드가 불가피해 보입니다. IE10 다운그레이드 하기 1. 제어판 – 프로그램 – 프로그램 추가/삭제 메뉴로 들어가 왼쪽 설치된 업데이트 보기를 클릭. 2. 업데이트 목록중 ...
- Web IE 호환성 보기 모드 체크하기 IE7이상의 브라우저에서 현재 사용자가 호환성 보기인지 아닌지 체크하는 방법입니다. IE7이하의 브라우저 또는 호환성 보기에서는 user-agent에서 브라우저 엔진이 Trident로 잡힙니다. 순정 IE7에서는 Trident가 user-agent에 나오지 않더군요. user-agent를 체크해서 Trident 과 MSIE 7이 있을경우가 호환성 보기 모드가 되는 결과가...
- Web 검색엔진에 노출 안되게 하는 META 태그 robots.txt를 이용하는 방법도 있지만 간단하게 META 태그 만으로도 검색엔진이 자동으로 긁어가는걸 막을 수 있습니다. <head> </head>사이에 META 태크를 추가 robots 문서는 가져가지 않고 링크된 문서만 가져감 <meta name="robots" content="noindex, follow" /> 문서는 가져가고 링크된 문서는 가져가지 않음 &...
- Web [Javascript] Opera Mobile 전화걸기 링크 버그 모바일에서 하이퍼링크로 전화걸기를 할때 <a href=”tel:000-000-0000″>를 사용하는데 오페라 모바일 최신버전(11.50) 기준으로 tel 사용시 <a>태그에 추가되는 어트리뷰트 모든속성이 따라붙는 버그가 있습니다. 예로 <a href=”tel:000-000-0000″ class=”phone”>이라고 코드가 ...
- Web 모바일화를 위한 10가지 가이드 하나의 웹을 위한 설계 웹 표준 준수 유해 요소 제거 장비 제한 주의 웹 네비게이션 최적화 그래픽과 색상 확인 가볍고 간결한 사이트 네트워크 자원 절약 사용자 입력 가이드 모바일 유저 배려
- Web HTML/CSS Referance 한글화 아주~~ 오랜만에 블로그에 글을쓰네요! 거의 운영되지 않는 블로그지만 가끔 들러주시는분들께 제일 먼저 소식을 전하고자 합니다. 블로그 리뉴얼도 안하고 자료 업데이트도 안하고 게으르게 지내다가 최근에 html/css Referance 를 한글화해서 더 편하게 보고 공유하고자 사이트를 하나 만들었습니다. http://htmlcss.kr CSS3 의 Media...
- Web [CSS] text-overflow:ellipsis text-overflow:ellipsis; display 속성이 inline-block 또는 block을 지닌 요소에 적용할 수 있습니다. white-space:nowrap; overflow:hidden; 를 함께 사용해야 합니다. .ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
- Web 웹 접근성 – 한국형 웹 콘텐츠 접근성 지침 웹 접근성(web accessibility)은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다. 출처: 위키백과, 우리 모두의 백과사전 웹 접근성에는 다음의 사항들을 고려하여...
- Web 까먹지말자 META 태그! META 태그 문자 인코딩 <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"> 검색엔진에서 검색되는 키워드 <meta name="Keywords" content="html,tag,mata,메타,태그"> 페이지에 대한 정보 <meta name="Description" content="페이지 요약 정보"> 제작자의 이름이 HYLA라는 뜻 <meta name="Au...
-
- Web 스크립트 태그의 CDATA 사용에 대해 예전에 만들어진 페이지들을 보면 스크립트부분을 주석으로 묶어 놓은 것을 볼 수 있다. <script> //<!-- // Javascript //--> </script> 이건 오작동을 막는다는 개념으로 알고 있다. 스크립트가 안먹는 곳에서 스크립트 때문에 오작동을 막기 위해서 html태그로 묶어 놓은 것이다. 하지만 실제로 저게 필요한 경우...
-