웹프로그래밍 (125) 썸네일형 리스트형 Javascript escape 문자열 HTML replace function unes(str){ return String(unescape(str)).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } 텍스트 줄바꿈 처리 word-break, white-space 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단어 중간에서도 줄바꿈이 가능하게 됩니다. 위의 그림이 잘 이해가 가지 않는다면 이.. HTML escape 문자 Character Escape Sequence ^ %5E & %26 ` %60 { %7B } %7D | %7C ] %5D [ %5B " %22 %3E \ %5C 크롬 웹브라우저에서 input 클릭할 경우 외곽테두리가 생기는 경우 input {outline-style:none} IE나 Firefox 에는 적용할 필요가 없다. [jQuery] iframe 내에 스크립트 이벤트 실행하기 iframe 의 ID를 test 라 했을 때, $("#ID")[0].contentWindow.$("body").trigger("실행할 이벤트"); 또는 var event = document.createEvent("CustomEvent");event.initCustomEvent("실행할이벤트", true, true, null); frames['ID'].document.dispatchEvent(event); gd-jpeg, libjpeg: recoverable error: Premature end of JPEG file gd-jpeg, libjpeg: recoverable error: Premature end of JPEG file 라는 오류 발생시.. ini_set('gd.jpeg_ignore_warning', true);를 PHP파일 상단에 넣어준다. 임시방편이지만 썸네일 생성이 죽어버리는걸 막아준다.. MySQL 수정 이름 바꾸기 mysql> ALTER TABLE tablename RENAME bbs; 컬럼 속성 수정 mysql> ALTER TABLE tablename MODIFY colname INT NOT NULL AUTO_INCREMENT PRIMARY KEY; ALTER TABLE tablename MODIFY 컬럼이름 컬럼속성 컬럼 이름 바꾸기 sysql> ALTER TABLE tablename CHANGE colname newcolname INT NOT NULL AUTO_INCREMENT; CHANGE는 컬럼 속성뿐아니라 이름도 바꿔준다. 컬럼 추가 mysql> ALTER TABLE bbs ADD name varchar(10); ALTER TABLE tablename ADD 컬럼이름 컬럼속성 컬럼 삭제 my.. 웹폰트 완벽 사용법? (woff, eot) 웹폰트라 함은 굳이 포토샵을 이용해서 이미지로 홈페이지에 박아넣지 않아도 오직 텍스트로만 홈페이지를 구성할수 있게 하는 방법중 하나이다. 최근의 경우 반응형 웹, CSS3등의 발전으로 이미지의 비중은 홈페이지에서 계속해서 줄어드는 추세이다. 현재 새로 개발되고 있는 홈페이지들의 경우 이미지는 보통 로고, 아이콘, 배너, 일부 배경에만 사용되고 있으며 나머지 모든 페이지의 95%정도가 CSS3 및 웹폰트로 해결되고 있는 실정이다. 웹폰트는 보통 겉보기에는 이미지로 이루어진 글씨로 보이지만 드래그가 가능한 점이 있고, cufon과의 차이점은 cufon은 텍스트가 로딩된후 이를 파싱하는 방식에 드래그가 안된다는 차이점이 있다. 물론 페이지 로딩 성능에 따라서는 웹폰트 > cufon 이 되겠다. 웹폰트는 htm.. 이전 1 ··· 11 12 13 14 15 16 다음