Here is my Blog World.

iis 상에서 silverlight 가 보이지 않을 경우

2011-02-25T11:56:00.000-08:00

만약

Local 상에서 HTML로 화면을 띄울때는 잘 로딩되고 보여지던 silverlight 가
iis 상에서 화면으로 띄울때 보여지지 않는다면...
(화면상에 silverlight object는 로딩되어 있지만 화면이 보이지 않을뿐인 상황이라면...)

이 경우 iis 설정에서 몇가지 설정을 추가해 주어야 한다.
iis 설정에 아래와 같이 3가지의 MIME Type을 추가하고 iis를 재시작해주면 된다.

.xap application/x-silverlight-app
.xaml application/xaml+xml
.xbap application/x-ms-xbap

[출처] Silverlight를 구동하기 위해서 IIS에 설정해야 하는것.

자 이제 그럼 관련 삽질은 이걸로 해결하고 즐코딩~ ㅎㅎ

[Linux] FTP vsftpd root 계정 사용하기

2011-02-05T10:37:00.000-08:00

Linux에서 FTP 서버로 사용하는 vsftpd의 경우
보안상의 문제로 root 계정의 사용이 제한되어 있는데요.

root 계정을 이용하기 위해서는 아래와 같이 조치하시면 됩니다.

/etc/vsftpd 디렉토리의 ftpusers, user_list 두개 파일을 열어
root 를 주석처리하거나 삭제하면
root계정을 이용하여 FTP 접속을 할 수 있습니다.

자바스크립트에서도 trim() 함수를 쓰자.

2011-01-24T09:09:00.000-08:00

자바에서 문자열상의 공백을 제거할 때 아주 유용하게 사용하는 함수.
그 이름은 trim~ 두둥~!!

자바스크립트에서도 이 유용한 함수를 사용할 수 있을까~?
일단 모르면 한번 질러보는거임~ ㅋㅋ
하고 호출하였으나 당근 자바스크립트 오류를 뱉어냄. ㅠㅡㅠ

그래서 찾아보니 자바스크립트에는
기본적으로 문자열 양쪽에 공백을 제거하는 trim 기능이 없고
아래와 같이 사용하면 우리에게 필요한 trim 기능을 사용할 수 있다고 하니...
아래 소스를 보시지요~!!

<script type="text/javascript">
String.prototype.trim = function() {
    return this.replace(/(^\s*)|(\s*$)/gi, "");
}
</javascript>

이렇게 함수를 정의하시면 되겠습니다.
이 함수를 자주 사용할것 같다면 공용함수로 만들고
필요한 페이지에서 호출해서 사용한다면 더 좋겠죠~^^

사용법은 아래 간단한 예제로다가..

var strTrimTest = " TrimTest ";
var strTrimResult = strTrimTest.trim();

strTrimResult 에는 "TrimTest" 값이 들어가 있겠네욤. ^^

자바스크립트 체크박스 전체선택/해제의 관련 함수.

2011-01-18T08:36:00.000-08:00

자바스크립트로 체크박스를 전체선택/해제 할때
체크박스 하나로 전체선택/해제를 하는 버전과
사용자가 임의로 전체선택을 하고 하지 않을때 전체선택/해제 버튼을 선택/해제 하는 함수를 적어봅니다.

아래와 같이 작성해 주시구욤.

<script type="text/javascript">
function allCheckNCancel()
{
var checkBoxAll = document.getElementById("allCheck");
var allCheckBox = document.form.LID;
if(checkBoxAll == null || checkBoxAll == undefined || allCheckBox == null || allCheckBox == undefined)
return;

for(var i = 0; i < allCheckBox.length; i++) 
{       
if(checkBoxAll.checked)
allCheckBox[i].checked = true;
else
allCheckBox[i].checked = false;
}
}

function checkNCancelAllCheckBox()
{
var checkBoxAll = document.getElementById("allCheck");
var allCheckBox = document.form.LID;
if(checkBoxAll == null || checkBoxAll == undefined || allCheckBox == null || allCheckBox == undefined)
return;

var bCheck = true;
for(var i = 0; i < allCheckBox.length; i++) 
{       
if(!allCheckBox[i].checked)
bCheck = false;
}

if(!checkBoxAll.checked && bCheck)
checkBoxAll.checked = true;
else 
checkBoxAll.checked = false;
}
</javascript>

HTML 안에는 아래와 같이 전체선택을 위한 체크박스 하나와
리스트마다의 체크박스가 있는 경우로 작성된다면
위에 작성된 스크립트는 효과적으로 적용될 것입니당. ^^

<form>
<input type="checkbox" id="allCheck">
<input type="checkbox" name="LID">
<input type="checkbox" name="LID">
<input type="checkbox" name="LID">
<input type="checkbox" name="LID">
</form>

그럼 오늘은 여기서 이만.

Blogger(blogspot) 블로그에 SyntaxHighlighter 적용하기.

2011-01-10T09:54:00.000-08:00

안녕하세요.
블로그 생성하고 설정한지 얼마안된 Blogger(blogspot) 초보 블로거 입니다.

블로그 생성과 설정 이후 최초로 한 작업이
블로그에 SyntaxHighlighter를 설정하는 작업이네요.
아무래도 프로그램 관련 자료를 자주 올리게 될거 같아서..

나중에 다시 설정하게 되었을 때 잊어버리지 않기 위해
이렇게 블로그에 써서 남기려 합니다.

일단 SyntaxHighlighter를 적용하기 위해서는
SyntaxHighlighter 홈페이지에 가봐야겠죠~^^
홈페이지 : http://alexgorbatchev.com/SyntaxHighlighter/

(홈페이지에서 관련 자료 및 도움말 등을 참고하시면 됩니다.)

일단 적용하는 방법에는 두가지가 있는데요.
첫번째는 모듈을 블로그에 업로드하고 적용하는 방법과
두번째는 업로드할 공간이 없거나 할 수 없거나 귀찮을때
모듈을 적용할 수 있는 주소 링크를 사용해서 적용하는 방법입니다.

저는 귀찮은 관계로 두번째 방법으로 적용했답니다. ^^;;;
첫번째 방법이야 인터넷 검색하믄 아주 지대로 잘 나오니 구지 쓰진 않겠습니당. ㅋ

그럼 이제 블로그의 꾸미기 >> HTML 편집 메뉴를 선택하고
SyntaxHighlighter 설정 소스를 첨가해주믄 됩니당.

<!-- At least one brush, here we choose JS. -->
<!-- You need to include a brush for every language you want to highlight -->
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js'></script>

<!-- Include *at least* the core style and default theme -->
<link rel='stylesheet' type='text/css'
href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css'/>
<link rel='stylesheet' type='text/css'
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css'/>

<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'></script>
<script type='text/javascript'
src='http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js'></script>

<script type='text/javascript'>
SyntaxHighlighter.all();
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.config.bloggerMode = true;
</script>

위와 같이 설정해주면 이제 SyntaxHighlighter를 사용할 수 있는 환경이 완성된답니다.
그럼 아래와 같이 글을 쓰게 되면

<pre class="brush: js; smart-tabs: true">
/**
 * SyntaxHighlighter
 */
function foo()
{
 if(counter <= 10)
  return;
 // it works!
}
</pre>

아래와 같이 화면에 보여질 거예요. ^^

/**
 * SyntaxHighlighter
 */
function foo()
{
 if(counter <= 10)
  return;
 // it works!
}

그럼 모두모두 저와 같이 적용해 보아요~^^