스토브 훌로구

기존 톰캣에 호스트를 추가하기 위해서는 server.xml 파일에 Service > Engine 태그 아래에 추가할 호스트에 대한 Host 태그를 추가해 줘야 한다.

예를들어 www.stove99.com을 추가한다고 치면

<Host name="www.stove99.com"  appBase="C:\webapps\stove99" unpackWARs="true" 
              autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"/>

뭐 요런 걸 하나더 추가해 주면 된다.

기존 돌아가던 톰캣에 한글 도메인 하나를 추가할 일이 생겨서

기존에 하던 방식 그대로

<Host name="www.스토브99.com"  appBase="C:\webapps\stove99" unpackWARs="true" 
                autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"/>

요런걸 추가해 보니 톰캣이 스타트가 되지 않았다. 검색을 해보니 server.xml 파일에 한글이 있으면 안된다나 뭐라나~

아무튼 한글 도메인 추가방법.

주소창에 한글 도메인을 입력하면 브라우져가 쳐리할때 퓨니코드라는 코드로 변환이 된다고 한다.

한글 도메인의 퓨니코드를 확인해 볼려면 크롬주소창에 한글 도메인이름을 쳐보면 간단하게 확인해 볼수 있다.

예를 들어 www.스토브99.com 이라고 입력해 보자.

요렇게 친절하게 퓨니코드로 변환된 도메인을 알려준다. 보니까 www.스토브99.com 은 www.xn--99-h32jw5m9tw.com 으로 변환되는걸 볼수 있다.

크롬을 깔기 귀찮다면 http://domain.blueweb.co.kr/pop_puny.html 요기서도 간단히 확인해 볼 수 있다.

동일한 퓨니코드가 생성된다.

죠렇게 알아낸 퓨니코드를 기존에 하던데로 톰캣 호스트로 등록만 하면 된다. 요렇게

<Host name="www.xn--99-h32jw5m9tw.com"  appBase="C:\webapps\stove99" unpackWARs="true" 
            autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"/>

톰캣을 리스탓트 한다음 주소창에 한글 도메인을 입력해 보면 잘 연결이 된다~

※ 아파치 설정도 마찬 가지로 VirtualHost 에 퓨니코드를 설정해 주면 된다.

<VirtualHost *:80>
        ServerAdmin admin@test.co.kr
        DocumentRoot C:\webapps\stove99\ROOT
        ServerName test.co.kr
        ServerAlias www.xn--99-h32jw5m9tw.com
        ErrorLog logs/test-error.log

        JkMount /*  test
</VirtualHost>

요즘 구글 뮤직에 꽂혀서 가지고 있던 음악 파일들을 열심히 업로드를 하고 있다.

음악 파일을 업로드 하면 구글뮤직에서 음악파일에 추가되 있는 태그 정보를 읽어서 자동으로 분류와 정리를 해준다.

그런데 가지고 있는 음악파일에 태그 정보가 꾸리하게 들어가 있고 뒤죽박죽 되 있다면 구글뮤직에서도 꾸리하게 정리가 된다.

뭐 그냥 대충 쓸려면 그냥 막 업로드 해서 쓰면 되지만,, 

왠지 쓸데없어 보이는 이상한데 집착하는 나로써는 왠지 싹 정리해서 듣고 싶은 변태적인 갈망이 있었다.

MP3TAG 라른 후로그램은 앨범 단위로 태그정보 땡겨와서 쓰기가 편리한데 살짝 문제는 우리나라 앨범 정보를 땡겨오는게 없다는 것이였다.

그래서 일일히 찾아서 태그정보를 입력했었다.

앨범정보를 검색하다 보니 많은 앨범정보가 maniadb.com 이라는 싸이트에서 검색이 됬었다. 보니까 우리나라 앨범 대다수의 정보가 있는 고마운 사이트였다.

그래서 천재적은 누군가 연동을 해 놓지 않았을까 해서 "MP3TAG MANIADB" 라는 키워드로 검색해 보니 역시나 있었다. 와우~!

그런데 설치방법에 따라 설치를 해서 사용을 해보니 문제가 하나 생겼다. 노래가 요렇게 두곡씩 나오는 것이였다.

왜 그런가 추적을 해보니 maniadb.com 사이트에서 제공하는 오픈api 에서 왜 그런지 모르겠지만 노래 리스트를 중복해서 제공하고 있었다.

그래서 노래정보 가져오는 스크립트를 분석해서 고쳐볼려고 했지만 나의 인지범위 내에서는 정확하게 분석하기는 무리가 있었다 -_-

그래서 대충 필로~ findline "<song track" 1 1  요부분을 findline "<song track" 2 1 요렇게 수정하니까 잘 되었다 -_-;;;; 와우~!

※ 수정한 부분

원본 스크립트 파일 121 line, 149 line : findline "<song track" 1 1 을 findline "<song track" 2 1 요렇게 바꾸면 된다.

원본 스크립트 파일 : http://forums.mp3tag.de/index.php?showtopic=12207&hl=maniadb maniadb_Search_by__Album_v2.zip

한곡씩만 나오게 수정한 파일

maniadb#Search by &amp;Album.src

보낫스 : 가수명으로 검색하기 추가

maniadb#Search by &amp;Artist.src

※ 파일을 다운로드 받으면 파일명이 maniadb%23Search_by_%26Artist.src 요럴껀데 파일명을 maniadb#Search by Artist.src 요래 변경해야 됨.!!

※ 파일명을 굳이 maniadb#Search by Artist.src 으로 안해도 되고 maniadb-Album.src 요런식으로 바꿔도 됨~~~~ 자기 맘데로~

설치하는 방법 : 

위에 파일을 따운로드 받아서 C:\Users\계정이름\AppData\Roaming\Mp3tag\data\sources 요기다 붙여넣기 한다.

아니면 윈도우+R 키 눌러서 %Appdata%\Mp3Tag\data\sources 요거 입력하고 실행하면 위 폴더가 폿 뜨는데 거기에 붙여넣기 해도 된다.

글 안 읽고 그냥 64bit 용 다운로드 할사람은

요기서 따운 바람. -> https://docs.google.com/open?id=0B4awPJTRX8X-RXBvYlFUZEZkQ1k

문득 전자정부 후레임워크로 뭐를 개발할게 생겨서 한번 살 시작해 볼려고 공식사이트로 보이는 곳에 가서 

개발자용 개발환경 -_- 이라는걸 받았다. 용어를 한글화 한다고 한것 같은데 용어가 드릅게 헷깔리기 그지없다.

그런데 다운 받아서 문득 실행을 시켜보니 exit code=13 과 함께 실행이 되지 않았다. 

※ exit code=13 은 jdk와 eclipse bit 버전이 일치하지 않아서 나는 에러이다.

64bit 윈도우를 쓰고 있어서 64bit jdk 를 설치했는데 아마 전자정부 후레임워크 이클립스가 32bit 기반 이클립스로 구성된것인가 보다.

찾아보니까 64bit 전자정부 후레임워크는 또 없단다.............................. 

할려면 32bit 용 jdk 를 설치해서 eclipse.ini 에 -vm 옵션으로 jdk 를 지정해 주던가 아니면 이클립스를 뽓 받아서 일일히 훌러그인을 설치해 주면 된다고 한다.

왠만하면 64bit 용도 쫌 맹글어서 배포해주지 왜 안해주는지 몰라..

※ 전자정부 후레임워크를 위해 설치할 훌러그인들에 대한 설명 : 

http://www.egovframe.org/wiki/doku.php?id=egovframework:dev2:install_guide

요기 가보면 설치할 훌러그인들에 대해서 설명을 뽓 해놨다.

죠기 위 참고 사이트 가보면 이클립스 3.6.2 헬리오스를 기본 베이스로, Spring Core, Maven, eGovFrame, Subversive, PMD, FindBugs, Properties Editor, EclEmma 훌러그인을 설치하라고 한다.

헬리오스는 너무 오래된 것이기 때문에 별로 안땡겨서 최신 버전인 juno 에다 한번 설치를 해 봤는데 막상 다 설치하고 나니 eGovFrame 퍼스펙티브가 나오지 않앗다.

혹시 쥬노에다 설치할 사람들은 나 같은 삽질은 하지 않길 바란다.

그래서 쥬노에다 설치하는건 깔끔하게 포기하고 그 전 버전인 인디고(나는 eclipse-jee-indigo-SR2-win32-x86_64 요 버전에다 작업했음)에다 설치를 해 보니 잘 됐다~

따로 훌러그인들을 설치하기 귀찮은 사람들은 내가 미리 맹글어 놓은 이클립 with eGovFrame 를 따운 받아서 쓰면 된다.

따운은 요기서 -> https://docs.google.com/open?id=0B4awPJTRX8X-RXBvYlFUZEZkQ1k

직접 자기가 쓰던 이클립스에 설치할 사람들은 요런 순서로 설치하면 된다.

1.

Help - Install New Software 에서 work with 로 Indigo - http://~~~ 어쩌고 하는거 선택해서 나오는 목록중

Collaboration > m2e 어쩌고 하는것 두개 체크, Subversive 어쩌고고 하는것 4개 체크(maven, subversive 훌러그인 설치)

Modeling > UML2 Extender SDK 체크( 이거 설치 안하면 eGoveFrame 가 설치 안됨) 

요렇게 체크한 다음에 훌러그인을 설치하면 된다.

2. 

고다음 Spring Core 설치( 요걸 설치해야 eGovFrame 를 설치할수 있음)

Spring IDE Core 체크 하고 그밖에 설치하고 싶은거 체크해서 설치하면 됨.

3.

eGovFrame 설치

6.

요까지만 설치하고 그냥 써도 될것 같음.

PMD, FindBugs, Properties Editor 는 설치하고 싶으면 설치하셈.

※ EclEmma 는 eGovFrame 설치하면서 설치가 되서 그런가 따로 설치할려면 에러남.

7. 

요렇게 다 설치를 했으면 Window - Open Perspective - Other 에 eGovFrame 퍼스펙티브가 추가되 있음

이제 개발하면 됨. 끝~

※ 기타참고

2011/08/12 - [이클립] - Eclipse Indigo Maven Plugin 설치 & 웹프로젝트 생성

2011/07/28 - [이클립] - 후져진 Eclipse Indido 에디터 폰트를 다시 쪽바로 맨들기

2011/08/05 - [이클립] - 설치된 Plugin Uninstall

보통 개발할때 굳이 모바일 기기에서 테스트를 많이 안하고 개발을 해서 이런 오류가 있는줄은 몰랐다.

막상 실제 모바일웹으로 올린 후 직접 안드로이드 폰을 이용해서 이것저것 해보니 안드로이드 ICS 와 아이폰에서는 셀렉트박스가

잘 작동했는데 진저브레드 안드로이드 폰에서는 셀렉트 박스를 눌러도 작동을 하지 않았다 -_-

이유를 알아보니 전혀 예상하지 못했던 HTML 쪽 때문에 오류가 발생했던 것이였다 -.-

jQuery Mobile 을 적용할때 HTML 코드는

<html>
	<head>
		.....
	</head>
	<body>
		<div data-role="page">
			...
		</div>
	</body>
</html>

요런식으로 body 태그 바로 아래 <div data-role="page"> 가 위치해야 한다.

기존 셀렉트 박스가 작동안했던 코드는 요랬다 -_-

<html>
	<head>
		.....
	</head>
	<body>
		<div class="wrap">
			<div data-role="page">
				...
			</div>
		</div>
	</body>
</html>

위 코드 처럼 body 태그의 child 로 다른게 얼쩡거리면 아마 셀렉트 박스가 안될것이다. 진저브레드에서 -,-

예를들어 요런 HTML 이 있다 치면

<div id="sample">
	<div class="imgholder">
		<img src="/sample/img.png" />
	</div>
	<strong>Alone</strong>
	<div class="meta">by Zsolt Zsigmond</div>
</div>

$("#sample").html(); 로는 sample 안쪽의 html 만 가져올수 있다.

<div class="imgholder">
	<img src="/sample/img.png" />
</div>
<strong>Alone</strong>
<div class="meta">by Zsolt Zsigmond</div>

sample 까지 포함한 html을 가져오기 위한 jQuery 함수는 없는것 같다. 찾아보면 있을지도 -_-?

아무튼 sample 까지 포함한 outer HTML 을 가져오기 위해 outerHTML() function 을 추가해 보자

$.fn.outerHTML = function() {
	var el = $(this);
	if( !el[0] ) return "";

	if (el[0].outerHTML) {
		return el[0].outerHTML;
	} else {
		var content = el.wrap('<p/>').parent().html();
		el.unwrap();
		return content;
	}
}

사용법

console.log($("#sample").outerHTML());
// <div id="sample"><div class="imgholder"><img src="/sample/img.png" /></div>
// <strong>Alone</strong><div class="meta">by Zsolt Zsigmond</div></div>