'프로그래밍'에 해당되는 글 42건
- 2011.05.23 윈도우7에서 폰트를 바로가기 형식으로 설치하기
- 2011.05.23 포토샵이나 일러 등 어도비 시리즈를 실행하다 copytype.dll 오류가 발생하는 경우
- 2011.01.18 ckeditor 편집기
- 2010.10.27 ie7 이하부터 셋팅이 잘못될 경우 한글인식이 안된다? 2
- 2010.10.20 validation(검증) 플러그인
매번 윈도우를 포맷할때마다 폰트가 큰 문제이다.
c:\windows\fonts 폴더에서 내가 사용중인 폰트를 하나하나 체크해서 빼오기도 머하고,
외장하드 같은 곳에 저장해뒀다가 복사를 해놓기도 머하고...(이 문제는 별 상관은 없지만)
윈도우7에는 폰트를 바로가기로 설치해주는 기능이 있다.
대부분 하드를 C와 D로 나눠놨을텐데 D에 폰트폴더를 생성해서 포맷할때마다 바로가기만 입력해주면 된다.
설정 방법은 제어판 > 글꼴 > 글꼴 설정에서 바로가기를 사용하여 글꼴 설치 허용에 체크를 해주면 된다.
그리고 폰트가 설치된 폴더로 가서 바로 가기로 설치를 해주면 끝이다.
c:\windows\fonts 폴더에서 내가 사용중인 폰트를 하나하나 체크해서 빼오기도 머하고,
외장하드 같은 곳에 저장해뒀다가 복사를 해놓기도 머하고...(이 문제는 별 상관은 없지만)
윈도우7에는 폰트를 바로가기로 설치해주는 기능이 있다.
대부분 하드를 C와 D로 나눠놨을텐데 D에 폰트폴더를 생성해서 포맷할때마다 바로가기만 입력해주면 된다.
설정 방법은 제어판 > 글꼴 > 글꼴 설정에서 바로가기를 사용하여 글꼴 설치 허용에 체크를 해주면 된다.
그리고 폰트가 설치된 폴더로 가서 바로 가기로 설치를 해주면 끝이다.
'프로그래밍 > 기타 등등' 카테고리의 다른 글
| 포토샵이나 일러 등 어도비 시리즈를 실행하다 copytype.dll 오류가 발생하는 경우 (0) | 2011.05.23 |
|---|---|
| ckeditor 편집기 (0) | 2011.01.18 |
| Drupal 설치 후기 - 오픈소스 웹 앱 인스톨 페어 (0) | 2010.10.06 |
| DasBlog 설치 후기 - 오픈소스 웹 앱 인스톨 페어 (3) | 2010.09.10 |
| 윈도우7에서 중요파일 삭제가 안될 경우(TrustedInstaller) (0) | 2010.05.27 |
XP를 사용할때는 이런 문제가 발생하지 않았는데 7으로 넘어온 후부터 문제가 발생했다.
폰트가 충돌하는게 이유라는데... 정품이 아니라서 그런듯
충돌하는 폰트는 보통 윤고딕 시리즈이다.
일단 이 에러가 발생을 했다면 윤고딕 시리즈를 제거해주고, 프로그램을 실행한다.
위와 같이 Edit > Preferences > Type... 로 들어가서,
Show Font Names in English에 체크를 해주면 끝.
위는 일러에서 설정한것이고 포토샵도 마찬가지이다.
폰트가 충돌하는게 이유라는데... 정품이 아니라서 그런듯
충돌하는 폰트는 보통 윤고딕 시리즈이다.
일단 이 에러가 발생을 했다면 윤고딕 시리즈를 제거해주고, 프로그램을 실행한다.
위와 같이 Edit > Preferences > Type... 로 들어가서,
Show Font Names in English에 체크를 해주면 끝.
위는 일러에서 설정한것이고 포토샵도 마찬가지이다.
'프로그래밍 > 기타 등등' 카테고리의 다른 글
| 윈도우7에서 폰트를 바로가기 형식으로 설치하기 (0) | 2011.05.23 |
|---|---|
| ckeditor 편집기 (0) | 2011.01.18 |
| Drupal 설치 후기 - 오픈소스 웹 앱 인스톨 페어 (0) | 2010.10.06 |
| DasBlog 설치 후기 - 오픈소스 웹 앱 인스톨 페어 (3) | 2010.09.10 |
| 윈도우7에서 중요파일 삭제가 안될 경우(TrustedInstaller) (0) | 2010.05.27 |
처음 홈페이지를 만들당시에는 아는것도 없고 스킬도 부족해서 본문입력에는 textarea만 사용했다.
하지만 여러 홈페이지를 만들어보고 스킬이 늘어날수록 textarea를 쓰는건 한계를 느껴서 WYSIWYG 에디터를 찾다가 네이버에서 무료로 제공하는 스마트에디터를 붙여넣게 되었다.
하지만 이 스마트에디터라는건 너무 크다. 로딩도 느리고...
그래서 다른걸 알아보다 fckeditor에서 이름을 바꾼 ckeditor를 찾았다.
적용해보니 속도도 괜찮고 기능도 괜찮다. 앞으로 이것만 쓰자...
파일을 다운받은 후 계정에 새폴더를 만들고 업로드한다.
페이지내에 스크립트를 넣는다.
<textarea name="content" id="id값"></textarea>
<script type="text/javascript" src="/경로/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace('id값');
</script>
쉽지 않은가.
에디터에는 여러가지 플러그인을 지원하는데 그 중 SyntaxHighlighter라는 플러그인이 있다.
그냥 스크립트만으로 홈페이지에 소스코드를 이쁘게 아름답게 보여주는 기능이 있는데, 에디터에 붙임으로써 에디터에서 불러올수가 있다.
자세한 설명은 링크를 따라가면 된다.
아직 더 봐야하겠지만 에디터의 기능은 훌륭한거 같다.
그런데 아직 붙여넣기 기능을 못찾겠다. 에디터자체에서 제공하는 업로드기능말고 내가 작성한 업로드를 사용후 본문 붙여넣기를 해줘야하는데...
'프로그래밍 > 기타 등등' 카테고리의 다른 글
| 윈도우7에서 폰트를 바로가기 형식으로 설치하기 (0) | 2011.05.23 |
|---|---|
| 포토샵이나 일러 등 어도비 시리즈를 실행하다 copytype.dll 오류가 발생하는 경우 (0) | 2011.05.23 |
| Drupal 설치 후기 - 오픈소스 웹 앱 인스톨 페어 (0) | 2010.10.06 |
| DasBlog 설치 후기 - 오픈소스 웹 앱 인스톨 페어 (3) | 2010.09.10 |
| 윈도우7에서 중요파일 삭제가 안될 경우(TrustedInstaller) (0) | 2010.05.27 |
홈페이지용 웹진을 하나 만들었다.
플래시는 오픈 소스를 사용하고 html과 css 등등을 작성해주고 반복해서 사용할수 있게...
내가 사용중인 브라우저에서는 잘 표현되고 (ie7, 크롬, 오페라, 사파리 -_-) 다른 직원 컴퓨터의 브라우저 (ie6)에서도 잘되길래 완성하고 거래처에 건네주었다.
여태껏 쓰던 웹진은 구형이라 현재 쓰기에는 오류도 많이 발생하고 해서 거래처 담당자분은 좋아라하셨다.
그리고 그쪽 서버에 올렸는데... 2달 정도 지난 오늘 전화가 왔다.
특정 컴퓨터에서 웹진을 띄우면 하얀 화면만 나온다는 것이다.
물론 난 다 테스트를 해봤기에 그럴일을 없을거라 했지만 일단 원인파악을 하기로 했다.
모든 브라우저에서 테스트를 해봤는데 아무런 문제가 없다.
혹시 로컬때문에 내 데이터를 읽어가서 나만 보이나 싶어서 iis 중지시켜도 잘보인다.
이유가 머지???
설마 또 ie 자체 버그인가?
그래서 IE TESTER로 모든 버전으로 돌려봤다.
그랬더니 5,6,7 버전에서 하얀 화면만 뜬다.... 망할...
소스보기로 보니
<html>
<head>qqljeqlrkjrqr(외계어)</head>
<body></body>
</html>
작성한 코드는 온데간데 없고 외계어만 자리잡고 있네.
한글 문제인가 싶어서 head안에 있는 한글 부분을 지우니 모든 화면이 정상적으로 보였다.
아니 한글 문제면 body안에 있는 한글은 왜 잘 표현되지?
이유는 간단했다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<!-- 브라우저 타이틀 (주소바에 표시됨) -->
<title>타이틀</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
...........
기존 소스는 위와 같다.
head안에 한글이 먼저 나오고 그 다음에 문자설정이 나와서 그런것이었다.
ie7 이하 버전은 지들이 알아서 안해주나 보다...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- 브라우저 타이틀 (주소바에 표시됨) -->
<title>타이틀</title>
기존 소스를 위와 같이 교체를 했다. 잘된다. 행복하면서 짜증난다. -_-;
'프로그래밍 > CSS/웹표준' 카테고리의 다른 글
| 테이블 내 tr에 display:none, display:block 주기 (0) | 2010.09.01 |
|---|---|
| ie6 frame 잔상이 생기는 현상 (0) | 2010.08.12 |
| HTML 버전별 DTD (0) | 2010.08.07 |
| float된 자식의 높이를 부모가 감싸안도록 만들기 (0) | 2010.07.08 |
| css로 완벽히 이미지 투명도 조절하기. (0) | 2010.03.06 |
폼을 사용하다보면 유효성을 체크해야할 경우가 많다.
필수 입력란이 비어있지는 않은가, 숫자만 입력해야하는데 문자를 입력하지 않았는가 등등...
데이터베이스 처리 부분에는 asp로 제어를 하면 되지만 일단 폼에서 체크를 하기 위해 자바스크립트를 써야한다.
하지만 일일이 체크를 하려면 얼마나 귀찮을까...
jQuery 플러그인 중 좋은게 있어서 적어본다.
jquery.validation.js
위 이미지는 샘플페이지의 회원가입 폼이다.
자바스크립트 경고창을 띄우지 않으니 얼마나 좋은가.
물론 플러그인 자체내에서 경고창을 띄우게 옵션을 변경할 수도 있다.
HTML
<style type="text/css">
.relatived { position:relative }
input.invalid, textarea.invalid { border:1px dotted #ff0000 !important; }
label.invalid { position:absolute; left:20px; top:-20px; display:block; color:#747474; width:auto; font:11px/11px Dotum; text-align:left; line-height:11px; border:1px solid #FF8033; padding:5px; background:#ffffff; }
<style>
<form id="fo_insert_member" action="./" method="post">
<table cellspacing="0">
<tr>
<th><div>아이디</div></th>
<td class="wide">
<div class="relatived"><input type="text" name="user_id" value="" class="inputTypeText" id="user_id" /></div>
<p>사용자 ID는 3~20자 사이의 영문+숫자로 이루어져야 하며 영문으로 시작되어야 합니다.</p>
</td>
</tr>
<tr>
<th><div>비밀번호</div></th>
<td class="wide">
<div class="relatived"><input type="text" name="password" value="" class="inputTypeText" id="password" /></div>
<p>사용자 ID는 3~20자 사이의 영문+숫자로 이루어져야 하며 영문으로 시작되어야 합니다.</p>
</td>
</tr>
<tr>
<th><div>비밀번호 확인</div></th>
<td class="wide">
<div class="relatived"><input type="text" name="password2" value="" class="inputTypeText" id="password2" /></div>
<p>사용자 ID는 3~20자 사이의 영문+숫자로 이루어져야 하며 영문으로 시작되어야 합니다.</p>
</td>
</tr>
</table>
</form>
JS
var add_member_srl = "?member_srl=회원 번호";
var query_user_id = "아이디 체크할 경로";
var query_member = "폼 전송할 페이지";
$("#fo_insert_member").validate({
errorClass:"invalid",
rules: {
user_id: {
required:true, minlength:3, maxlength:20, remote:{ type: "post", url: query_user_id }
},
password: {
required:true, minlength:6, maxlength:20
},
password2: {
required:true, equalTo:"#password"
}
},
message: {
user_id: {
required: "사용자 ID를 입력해주세요.",
user_id: "사용자 ID는 영문+숫자로 이루어져야 하며 영문으로 시작되어야 합니다.",
remote: "사용할수 없는 아이디입니다."
},
password: {
required: "사용자 비밀번호를 입력해주세요.",
minlength: "비밀번호는 6자 이상 입력해주세요.",
maxlength: "비밀번호는 20자까지 입력 가능합니다."
},
password2: {
required: "비밀번호를 입력해주세요.",
equalTo: "비밀번호가 일치하지 않습니다."
},
},
submitHandler: function(form) {
$.post( query_member, $(form).serialize(),
function( data ) {
// 폼 전송후 할 행동
});
}
})
옵션
debug
기본값: false
디버그 할수 있도록 입력값이 유효해도 전송하지 않는다.
$(".test").validate({
debug: true
})submitHandler 폼이 submit 될때 마지막으로 먼가 할수 있도록 핸들을 넘겨준다.
'프로그래밍 > jquery' 카테고리의 다른 글
| jquery dom 객체 존재 여부 체크 (1) | 2010.09.10 |
|---|---|
| jQuery 기본 셀렉터 (0) | 2010.06.10 |
| [02] selector (0) | 2009.09.23 |
| [01] jQuery Core (0) | 2009.09.23 |
| [플러그인] 쿠키 (0) | 2009.09.23 |
