'개발/자바'에 해당되는 글 41건

  1. 2014.05.09 Tomcat Context Reloader
  2. 2012.06.01 Exception in org.eclipse.team.svn.ui.SVNTeamUIPlugin.start() of bundle org.eclipse.team.svn.ui.
  3. 2009.12.22 JSP에서 request로 전송되는 parameter 한글처리 방법
  4. 2009.12.18 Prototype.js 기본예제
  5. 2009.12.18 초간단 AJAX 샘플
  6. 2009.12.09 웹서핑의 역사를 뒤바꾼 RSS 포맷과 구독기 만들기
  7. 2009.12.01 PreparedStatement Set Array (1)
  8. 2009.10.26 [Eclipse] java editor template[상용구] (1)
  9. 2009.10.12 Java FX for Eclipse (2)
  10. 2009.09.21 Base64 Encoding/Decoding 예제 (1)
2014.05.09 11:34

Tomcat Context Reloader




Tomcat의 컨텍스트를 reloadable=“false”인 상태에서, Tomcat Manager를 설치하지 않은 상태에서 수동 Reload 할 수 있는 Valve를 만들어 보았다. Reload Tomcat Context manually(without manager or reloadable=“true” option).

설정

  • Tomcat Reload Valve 소스와 Jar 파일에서 tomcatreloadvalve.jar 파일을 $CATALINA_HOME/lib 로 복사한다.
  • server.xml 혹은 context.xml의 <Context> 항목에 Valve를 추가한다. 항상 <Context> 항목에만 추가해야 한다.
    <Context docBase="some" path="/some" reloadable="false" >
        <Valve className="kr.pe.kwonnam.tomcat.reloader.TomcatReloadValve"/>
    </Context>
  • reloadable=“false”로 둔다. 원래 이 Valve의 목적은 자동 Reloading을 끄고, 항상 수동으로 원하는 경우에만 Reloading하는 것이다.

실행

  • 웹브라우저 혹은 wget 등으로 http://localhost:8080/reloadContext 를 호출한다.
  • 실제 URL의 도메인네임 부분은 자신의 톰캣 설정을 따른다.
  • “Context Reloaded!!” 메시지가 나오면서 Reloading이 완료된다.

소스

package kr.pe.kwonnam.tomcat.reloader;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletResponse;
 
import org.apache.catalina.Container;
import org.apache.catalina.Context;
import org.apache.catalina.connector.Request;
import org.apache.catalina.connector.Response;
import org.apache.catalina.valves.ValveBase;
 
/**
 * Reload Tomcat Context by requesting URL
 *
 * Context의 reloadable="false"인 상태에서도 /reloadContext URL을 호출하면 해당 컨텍스트가 Reloading 된다.
 *
 * @author 손권남 kwon37xi@gmail.com
 *
 */
public class TomcatReloadValve extends ValveBase {
 
	private static final String RELOAD_CONTEXT_URI = "/reloadContext";
 
	@Override
	public void invoke(Request request, Response response) throws IOException,
			ServletException {
 
		Container container = getContainer();
 
		String requestUri = request.getRequestURI();
 
		String reloadUri = request.getContextPath() + RELOAD_CONTEXT_URI;
 
		if (requestUri.startsWith(reloadUri)
				&& container instanceof Context) {
			reloadContext(response, container);
			return;
		}
 
		getNext().invoke(request, response);
	}
 
	private void reloadContext(Response response, Container container)
			throws IOException {
		((Context) container).reload();
		HttpServletResponse httpResponse = response.getResponse();
 
		httpResponse.setContentType("text/plain;charset=utf-8");
		httpResponse.getWriter().write("Context Reloaded!!");
		httpResponse.getWriter().close();
 
		return;
	}
 
}

 

http://kwonnam.pe.kr/wiki/java/tomcat/contextreload


Trackback 3 Comment 0
2012.06.01 13:43

Exception in org.eclipse.team.svn.ui.SVNTeamUIPlugin.start() of bundle org.eclipse.team.svn.ui.





!SUBENTRY 2 org.eclipse.equinox.registry 4 1 2012-02-15 11:30:56.946
!MESSAGE Plug-in org.eclipse.team.svn.ui was unable to load class org.eclipse.team.svn.ui.crashrecovery.Inaccessible LocationDataHelper.
!STACK 0
org.eclipse.core.runtime.internal.adaptor.EclipseL azyStarter$TerminatingClassNotFoundException: An error occurred while automatically activating bundle org.eclipse.team.svn.ui (946).
at org.eclipse.core.runtime.internal.adaptor.EclipseL azyStarter.postFindLocalClass(EclipseLazyStarter.j ava:122)
at org.eclipse.osgi.baseadaptor.loader.ClasspathManag er.findLocalClass(ClasspathManager.java:462)
at org.eclipse.osgi.internal.baseadaptor.DefaultClass Loader.findLocalClass(DefaultClassLoader.java:216)
at org.eclipse.osgi.internal.loader.BundleLoader.find LocalClass(BundleLoader.java:400)
at org.eclipse.osgi.internal.loader.BundleLoader.find ClassInternal(BundleLoader.java:476)
at org.eclipse.osgi.internal.loader.BundleLoader.find Class(BundleLoader.java:429)
at org.eclipse.osgi.internal.loader.BundleLoader.find Class(BundleLoader.java:417)
at org.eclipse.osgi.internal.baseadaptor.DefaultClass Loader.loadClass(DefaultClassLoader.java:107)
at java.lang.ClassLoader.loadClass(Unknown Source)
at org.eclipse.osgi.internal.loader.BundleLoader.load Class(BundleLoader.java:345)
at org.eclipse.osgi.framework.internal.core.BundleHos t.loadClass(BundleHost.java:229)
at org.eclipse.osgi.framework.internal.core.AbstractB undle.loadClass(AbstractBundle.java:1207)
at org.eclipse.core.internal.registry.osgi.RegistrySt rategyOSGI.createExecutableExtension(RegistryStrat egyOSGI.java:174)
at org.eclipse.core.internal.registry.ExtensionRegist ry.createExecutableExtension(ExtensionRegistry.jav a:905)
at org.eclipse.core.internal.registry.ConfigurationEl ement.createExecutableExtension(ConfigurationEleme nt.java:243)
at org.eclipse.core.internal.registry.ConfigurationEl ementHandle.createExecutableExtension(Configuratio nElementHandle.java:55)
at org.eclipse.team.svn.core.extension.CoreExtensions Manager.loadExtensions(CoreExtensionsManager.java: 195)
at org.eclipse.team.svn.core.extension.CoreExtensions Manager.loadCoreExtensions(CoreExtensionsManager.j ava:180)
at org.eclipse.team.svn.core.extension.CoreExtensions Manager.instance(CoreExtensionsManager.java:61)
at org.eclipse.team.svn.core.utility.SVNUtility.isPri orToSVN17(SVNUtility.java:99)
at org.eclipse.team.svn.core.operation.SVNResourceRul eFactory.refreshRule(SVNResourceRuleFactory.java:3 3)
at org.eclipse.core.internal.resources.Rules.refreshR ule(Rules.java:166)
at org.eclipse.core.internal.resources.Resource.refre shLocal(Resource.java:1647)
at org.eclipse.core.internal.refresh.RefreshJob.runIn Workspace(RefreshJob.java:167)
at org.eclipse.core.internal.resources.InternalWorksp aceJob.run(InternalWorkspaceJob.java:38)
at org.eclipse.core.internal.jobs.Worker.run(Worker.j ava:54)
Caused by: org.osgi.framework.BundleException: Exception in org.eclipse.team.svn.ui.SVNTeamUIPlugin.start() of bundle org.eclipse.team.svn.ui.
at org.eclipse.osgi.framework.internal.core.BundleCon textImpl.startActivator(BundleContextImpl.java:734 )
at org.eclipse.osgi.framework.internal.core.BundleCon textImpl.start(BundleContextImpl.java:683)
at org.eclipse.osgi.framework.internal.core.BundleHos t.startWorker(BundleHost.java:381)
at org.eclipse.osgi.framework.internal.core.AbstractB undle.start(AbstractBundle.java:299)
at org.eclipse.osgi.framework.util.SecureAction.start (SecureAction.java:440)
at org.eclipse.osgi.internal.loader.BundleLoader.setL azyTrigger(BundleLoader.java:268)
at org.eclipse.core.runtime.internal.adaptor.EclipseL azyStarter.postFindLocalClass(EclipseLazyStarter.j ava:107)
... 25 more
Caused by: java.lang.ExceptionInInitializerError
at org.eclipse.team.svn.ui.preferences.SVNTeamPrefere nces.getConsoleRGB(SVNTeamPreferences.java:838)
at org.eclipse.team.svn.ui.console.SVNConsole.loadPre ferences(SVNConsole.java:162)
at org.eclipse.team.svn.ui.console.SVNConsole.<init>( SVNConsole.java:99)
at org.eclipse.team.svn.ui.SVNTeamUIPlugin.start(SVNT eamUIPlugin.java:126)
at org.eclipse.osgi.framework.internal.core.BundleCon textImpl$1.run(BundleContextImpl.java:711)
at java.security.AccessController.doPrivileged(Native Method)
at org.eclipse.osgi.framework.internal.core.BundleCon textImpl.startActivator(BundleContextImpl.java:702 )
... 31 more
Caused by: org.eclipse.swt.SWTException: Invalid thread access
at org.eclipse.swt.SWT.error(SWT.java:4282)
at org.eclipse.swt.SWT.error(SWT.java:4197)
at org.eclipse.swt.SWT.error(SWT.java:4168)
at org.eclipse.swt.widgets.Display.error(Display.java :1258)
at org.eclipse.swt.widgets.Display.checkDevice(Displa y.java:764)
at org.eclipse.swt.widgets.Display.getSystemFont(Disp lay.java:2459)
at org.eclipse.jface.preference.PreferenceConverter.< clinit>(PreferenceConverter.java:84)
... 38 more

!ENTRY org.eclipse.osgi 4 0 2012-02-15 11:30:56.966
!MESSAGE Application error
!STACK 1
java.lang.NoClassDefFoundError: Could not initialize class org.eclipse.jface.preference.PreferenceConverter
at org.eclipse.ui.internal.themes.ThemeElementHelper. installColor(ThemeElementHelper.java:274)
at org.eclipse.ui.internal.themes.ThemeElementHelper. populateRegistry(ThemeElementHelper.java:165)
at org.eclipse.ui.internal.themes.Theme.<init>(Theme. java:77)
at org.eclipse.ui.internal.themes.WorkbenchThemeManag er.getTheme(WorkbenchThemeManager.java:277)
at org.eclipse.ui.internal.themes.WorkbenchThemeManag er.getTheme(WorkbenchThemeManager.java:297)
at org.eclipse.ui.internal.themes.WorkbenchThemeManag er.doSetCurrentTheme(WorkbenchThemeManager.java:20 1)
at org.eclipse.ui.internal.themes.WorkbenchThemeManag er.setCurrentTheme(WorkbenchThemeManager.java:326)
at org.eclipse.ui.internal.themes.WorkbenchThemeManag er.getCurrentTheme(WorkbenchThemeManager.java:239)
at org.eclipse.ui.internal.themes.WorkbenchThemeManag er.getInstance(WorkbenchThemeManager.java:59)
at org.eclipse.ui.internal.Workbench.getThemeManager( Workbench.java:3449)
at org.eclipse.ui.internal.Workbench$38.runWithExcept ion(Workbench.java:1693)
at org.eclipse.ui.internal.StartupThreading$StartupRu nnable.run(StartupThreading.java:31)
at org.eclipse.swt.widgets.RunnableLock.run(RunnableL ock.java:35)
at org.eclipse.swt.widgets.Synchronizer.runAsyncMessa ges(Synchronizer.java:135)
at org.eclipse.swt.widgets.Display.runAsyncMessages(D isplay.java:4140)
at org.eclipse.swt.widgets.Display.readAndDispatch(Di splay.java:3757)
at org.eclipse.ui.internal.Workbench.runUI(Workbench. java:2604)
at org.eclipse.ui.internal.Workbench.access$4(Workben ch.java:2494)
at org.eclipse.ui.internal.Workbench$7.run(Workbench. java:674)
at org.eclipse.core.databinding.observable.Realm.runW ithDefault(Realm.java:332)
at org.eclipse.ui.internal.Workbench.createAndRunWork bench(Workbench.java:667)
at org.eclipse.ui.PlatformUI.createAndRunWorkbench(Pl atformUI.java:149)
at org.eclipse.ui.internal.ide.application.IDEApplica tion.start(IDEApplication.java:123)
at org.eclipse.equinox.internal.app.EclipseAppHandle. run(EclipseAppHandle.java:196)
at org.eclipse.core.runtime.internal.adaptor.EclipseA ppLauncher.runApplication(EclipseAppLauncher.java: 110)
at org.eclipse.core.runtime.internal.adaptor.EclipseA ppLauncher.start(EclipseAppLauncher.java:79)
at org.eclipse.core.runtime.adaptor.EclipseStarter.ru n(EclipseStarter.java:344)
at org.eclipse.core.runtime.adaptor.EclipseStarter.ru n(EclipseStarter.java:179)
at sun.reflect.NativeMethodAccessorImpl.invoke0(Nativ e Method)
at sun.reflect.NativeMethodAccessorImpl.invoke(Unknow n Source)
at sun.reflect.DelegatingMethodAccessorImpl.invoke(Un known Source)
at java.lang.reflect.Method.invoke(Unknown Source)
at org.eclipse.equinox.launcher.Main.invokeFramework( Main.java:622)
at org.eclipse.equinox.launcher.Main.basicRun(Main.ja va:577)
at org.eclipse.equinox.launcher.Main.run(Main.java:14 10)
at org.eclipse.equinox.launcher.Main.main(Main.java:1 386)

!ENTRY org.eclipse.core.resources 4 566 2012-02-15 11:30:57.455
!MESSAGE Workspace was not properly initialized or has already shutdown.


Wooee! Fixed the problem by deleting a file in the .metadata folder. 

SOLUTION: Delete this file and restart:

\workspace\.metadata\.plugins\org.eclipse.core.res ources\.snap

Trackback 0 Comment 0
2009.12.22 11:44

JSP에서 request로 전송되는 parameter 한글처리 방법





1. HTTP의 POST메소드 전송(요청):  요청을 페이지마다 내장객체 request를 이용해서 한글처리한다.
 이때 request.getParameter()메소드 또는 액션태그의 setProperty 태그 보다는 앞에서 처리해야 한다.

<% request.setCharacterEncoding("EUC-KR"); %>
<%
     request.getParameter("name");
     .
     .
     .
%>
<jsp:useBean id="boardBean" class="test.BoardBean">
 <jsp:setProperty name="boardBean" property="*" />
</jsp:useBean>

2.  HTTP의 POST메소드 전송(요청):  web.xml파일에 filter element로 추가해서 모든 페이지에서 개별적으로 한글 처리 하지 않고 사용할 수 있다.

<filter>element와  <filter-mapping>element를 추가한다.

엘레먼트의 순서는다음과 같다.
Content Model : (((description*, display-name*, icon*)) | distributable | context-param | filter | filter- mapping | listener | servlet | servlet-mapping | session-config | mime-mapping | welcome-file-list |  error-page | jsp-config | security-constraint | login-config | security-role | ((env-entry*, ejb-ref*, ejb-local-ref*, ((service-ref*)), resource-ref*, resource-env-ref*, message-destination-ref*, persistence- context-ref*, persistence-unit-ref*, post-construct*, pre-destroy*)) | message-destination | locale-encoding-mapping-list)*


  <filter>
   <filter-name>encoding_euckr</filter-name>
   <filter-class>test.filters.SetCharacterEncodingFilter</filter-class>
   <init-param>
    <param-name>encoding</param-name>
    <param-value>euc-kr</param-value>
   </init-param>
  </filter>
 
  <filter-mapping>
   <filter-name>encoding_euckr</filter-name>
   <url-pattern>/*</url-pattern>
  </filter-mapping>


이때 사용하는 SetCharacterEncodingFilter.java 파일은 인스톨 버전으로 톰캣을 설치할때 옵션으로 example을 설치했다면 
%CATALINA_HOME%\webapps\examples\WEB-INF\classes\filters폴더안에 있다.
binary버전으로 설치한 경우에는 위의 폴더가 항상 있다.



3.  HTTP의 GET메소드 전송(요청): HTTP의 GET전송 방식은 binary방식이 아니고 queryString방식이기 때문에 필터에 의한 방식에 parameter를 제대로 전송할 수 없다.
이유는 queryString은 URI에 추가적으로 덧붙여져서 전송되는 방식이어서 변수처리되기 이전에 전송되어지기 때문이다.
위에서 사용한   SetCharacterEncodingFilter.java 파일은 parameter를 받기 이전에encoding이라는 변수를 사용해서 한글처리를 하는 것인데 URI 주소값은 그 이전 시점에 동작하기 때문이다.

해결방법 : server.xml의 <Server>   ->  <Service>  ->  <Connector> element에 다음의 내용을 추가해주면 HTTP의 GET방식에서도 한글 처리가 된다.

<Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443"  URIEncoding="euc-kr"/>

주의: <Connector> element가 두개 있으므로 잘 보고 자신이 사용하고 있는 HTTP 서비스 포트에 해당하는 Connector에 추가한다.
Trackback 0 Comment 0
2009.12.18 11:01

Prototype.js 기본예제





Prototype.js 기본예제

기본예제 | 레퍼런스 코드 크게 | 소스 보이기 | 예제 숨기기 | 실행 보이기

prototype.js는 무엇인가?

prototype.jsSam Stephenson에 의해 작성된 자바스크립트 라이브러리입니다. 이 라이브러리는 매우 훌륭하게 작성된 표준기반의 코드로, 웹2.0의 특성을 나타내는 풍부한 기능과 상호작용을 필요로 하는 웹페이지를 생성하는데 개발자의 부담을 한층 덜어줄 것입니다. prototype.js는 String, Array, Event 등과 같은 표준 자바스크립트 객체들에 대한 확장과 Ajax, Enumerable, Hash, Form, Element 등 다양한 신규 객체들을 제공하고 있습니다. 또한 자바스크립트 프로그래밍에서 흔하게 사용되어지는 기능들에 대한 유틸리티 함수도 제공합니다.

prototype.js는 현재 웹어플리케이션 프로토타입 개발용으로 많은 관심을 받고있는 프레임워크인 RubyOnRails에 통합되어 있으며, script.aculo.us, Rico 등과 같은 다양한 자바스크립트 프레임워크에서도 라이브러리 형태로 사용되어지고 있습니다. Ruby 프로그래밍 언어에 친숙한 개발자는 Ruby의 내장 클래스와 이 라이브러리에 의해 구현된 구문 사이에 많은 유사성이 있음을 알게 될 것입니다.

유틸리티 함수

prototype.js는 미리 정의된 다양한 객체와 유틸리티 함수를 가지고 있습니다. 아래 유틸리티 함수들은 자바스크립트 프로그래밍에서 반복적인 타이핑과 어구를 줄이는데 유용하게 쓰입니다.

$() 함수

$() 함수는 매우 빈번하게 사용되는 DOM의 document.getElementById() 함수에 대한 편리한 단축함수입니다. DOM 함수처럼, 이것은 인자로 던져진 id를 가진 해당 엘리먼트를 반환합니다. 하지만 DOM함수와는 달리, 이것은 여러개의 id를 사용할수 있는데, 이 경우에 $()는 요청된 엘리먼트들을 가진 Array 객체를 반환하게 됩니다. 이 함수의 다른 장점으로 id 문자열이나 엘리먼트객체 자체를 인자로 가질 수 있는데, 이것은 인자 형태를 가질수 있는 다른 함수를 생성할 때 매우 유용하게 사용되어 질 수 있습니다.

소스: base.js

예제

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample</title>
<script src="prototype.js" type="text/javascript"></script>
</head>
<body>

<script>
//<![CDATA[
function test1() {
	var d = $('myDiv1');
	alert(d.innerHTML);
}

function test2() {
	var divs = $('myDiv1','myDiv2');
	for(i = 0; i < divs.length; i++) {
		alert(divs[i].innerHTML);
	}
}
//]]>
</script>

<div id="myDiv1">
	<p>This is a paragraph</p>
</div>
<div id="myDiv2">
	<p>This is another paragraph</p>
</div>

<input type="button" value="Test1" onclick="test1();" />
<input type="button" value="Test2" onclick="test2();" />

</body>
</html>
실행

$F() 함수

$F() 함수는 또다른 유용한 단축함수로, 텍스트박스나 드랍다운 리스트와 같은 입력 컨트롤의 값을 반환합니다. 이 함수는 엘리먼트 id나 엘리먼트객체 자체를 인자로 가질수 있습니다.

소스: form.js

예제

<script>
function test3() {
	alert($F('userName'));
}
</script>

<input type="text" id="userName" value="Joe Doe" />
<input type="button" value="Test3" onclick="test3();" />
실행

$A() 함수

$A() 함수는 전달된 한 개의 인자를 배열로 변환합니다. Array 클래스에 대한 확장으로 이 함수는 열거가능한 목록이라면 그것을 쉽게 배열로 변환할 수 있습니다. 예를 들면, DOM 객체의 NodeLists를 효과적으로 배열로 바꾸는데 유용하게 쓰일 수 있습니다.

소스: array.js

예제

<script>
function showOptions() {
	var someNodeList = $('lstEmployees').getElementsByTagName('option');
	var nodes = $A(someNodeList);

	nodes.each(function(node) {
			alert(node.nodeName + ': ' + node.innerHTML);
		});
}
</script>

<select id="lstEmployees" size="5">
	<option value="5">Buchanan, Steven</option>
	<option value="8">Callahan, Laura</option>
	<option value="1">Davolio, Nancy</option>
</select>

<input type="button" value="Show the options" onclick="showOptions();" />
실행

$H() 함수

$H() 함수는 결합된 배열을 열거할수 있는 Hash 객체로 변환합니다.

소스: hash.js

예제

<script>
function testHash()	{
	var a = {
		first: 10,
		second: 20,
		third: 30
		};

	var h = $H(a);
	alert(h.toQueryString());
}
</script>

<input type="button" value="Test Hash" onclick="testHash();" />
실행

$R() 함수

$R() 함수는 new ObjectRange(lowerBound, upperBound, excludeBounds)과 동일한 단축함수입니다. 이 클래스의 완전한 설명을 보기 위해 ObjectRange 클래스 문서를 참고하십시요. each 메소드를 통해 반복(iterators)의 사용법을 보여주는 간단한 예제입니다. 더 많은 메소드는 Enumerable 클래스 문서에서 볼수 있을 것입니다.

소스: range.js

예제

<script>
function demoDollar_R(){
	var range = $R(10, 20, false);
	range.each(function(value, index){
		alert(value);
	});
}
</script>

<input type="button" value="Sample Count" onclick="demoDollar_R();" />
실행

Try.these() 함수

Try.these() 함수는 인자처럼 많은 수의 함수를 가지고 그것들을 순서대로 차례차례 호출하도록 해줍니다. 이것은 지정된 함수들 중 하나가 성공적인 함수호출의 결과를 반환할때까지 순차적으로 함수를 수행하게 됩니다. 예를 들면, 브라우저간에 서로 다른 객체를 검사햐여 사용해야 할 경우 등에 유용하게 사용될 수 있습니다.

소스: base.js

예제

<script>
function getValue(){
	var divA = document.getElementById('divA');
	return Try.these(
		function() { alert('function 1'); throw 'error'; },
		function() { alert('function 2'); return divA.undefined.property; },
		function() { alert('function 3'); return divA.innerHTML;},
		function() { alert('function 4'); return 'not reached';}
	);
}
</script>

<div id="divA">This is some text</div>

<input type="button" value="Test Try.these()" onclick="alert(getValue());" />
실행

Ajax 객체

위에서 언급된 유틸리티 함수들은 좋지만, 그것들은 대부분 고급 형태는 아닙니다. 대부분의 개발자은 자신만의 유사한 함수를 이미 가지고 있을수도 있습니다. 이러한 함수들은 단지 일부분에 해당되는 팁일뿐입니다.

웹2.0의 추세에 맞추어 많은 개발자들이 AJAX 기능에 관심을 가지고 있습니다. prototype.js은 AJAX 로직을 수행할 필요가 있을때 좀더 쉽게 사용하도록 도와주는 라이브러리 제공하고 있습니다. 이 라이브러리가 제공하고 있는 Ajax 객체는 AJAX 함수를 작성할 때 포함되는 트릭성격의 코드를 포장하고 단순화하기 위한 미리 정의된 객체입니다. 이 객체는 캡슐화된 AJAX 로직을 제공하는 많은 수의 클래스를 포함하고 있습니다. 그 클래스 중에 몇 개를 살펴봅니다.

Ajax.Request 클래스 사용하기

만약 개발자가 어떠한 헬퍼(helper) 라이브러리도 사용하지 않는다면, XMLHttpRequest 객체를 생성하기 위한 많은 코드를 작성할 것이고, 비동기적인 요청과 응답 처리를 반복적이고 기교을 요하는 코드를 매번 작성해야 합니다. 또한 다양한 버전의 브라우저를 지원하기 위한 부분도 처리를 해야 합니다.

이러한 AJAX 기능을 지원하기 위해, 라이브러리는 Ajax.Request 클래스를 정의하고 있습니다. 만약 특정 URL을 통해 XML 응답을 반환하는 서버 어플리케이션을 가지고 있다면, XML을 가져오기 위해 서버와 통신하는 것은 Ajax.Request 객체를 통해 쉽게 구현할 수 있습니다.

예제

<script>
function searchByAjax() {
	var usrkey = $F('usrkey');
	if (usrkey == '') return;
	var url = 'http://yourserver/app/stocks.php';
	var pars = 'usrkey=' + encodeURIComponent(usrkey.toUpperCase());
	
var myAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: showResponse });
} function showResponse(originalRequest) { $('result').value = originalRequest.responseText; } </script> Search: <br /> <input type="text" id="usrkey" name="usrkey" value="" onkeyup="searchByAjax();" /> <br /> <br /> Result: <br /> <textarea id="result" cols="30" rows="10" ></textarea>
실행

Ajax.Request 객체의 생성자의 두번째 파라미터인 { method: 'get', parameters: pars, onComplete: showResponse }은 문자적 표기법(JSON이라고도 함)으로 나타낸 익명(anonymous) 객체입니다. 이것이 의미하는 것은 'get' 문자열을 갖는 method 프라퍼티와 HTTP 요청 쿼리문자열을 포함하는 parameters 프라퍼티, 그리고 함수 showResponse를 포함하는 onComplete 프라퍼티(메소드)를 가지는 객체를 전달한다는 것입니다. 이 파라미터는 AJAX 호출을 위한 옵션을 정의하고 있습니다. 예제에서 HTTP GET명령을 통해 첫번째 인자에서 URL을 호출하고, 변수 pars내 포함된 쿼리문자열을 전달합니다. Ajax.Request 객체는 서버측으로부터의 응답을 받은 후에 showResponse 함수를 호출할 것입니다. AJAX를 비동기적 또는 동기적으로 서버에 호출하려면, asynchronous 옵션을 true 또는 false로 주면 됩니다(디폴트 값은 true입니다). 이와 같은 이 객체내에서 정의하고 활성화시킬수 있는 다른 프라퍼티를 참조하려면 options 인자 객체를 참조하십시요.

XMLHttpRequest는 HTTP 호출을 하는 동안 진행과정을 알려주는데, Loading, Loaded, Interactive, 또는 Complete 4가지의 단계가 있습니다. Complete는 가장 공통적인 단계인데, 어드 단계에서든 Ajax.Request 객체가 사용자정의 함수를 호출할 수 있게 만들수 있습니다. 함수를 객체에게 알리기 위해, 예제의 onComplete처럼 요청 옵션내 onXXXXX로 명명된 프라퍼티(메소드)를 간단히 지정하면 됩니다. 더블어 결과를 처리하기 위해 사용될 수 있는 두개의 다른 흥미로운 옵션이 있는데, AJAX 호출이 에러없이 수행될 때 호출될 함수를 onSuccess 옵션에 명시하고, 서버에러가 발생할 때 호출될 함수는 onFailure 옵션에 지정할 수 있습니다.

prototype.js 1.4.0 버전에서는 새로운 형태의 이벤트 콜백 핸들링이 도입되었습니다. 만약 AJAX 호출이 발생하는데도 불구하고 특정 이벤트를 위해 수행되어야 하는 코드가 있다면, Ajax.Responders 객체를 사용할 수 있습니다. 에를 들면 AJAX 호출이 진행중이라는 시각적 표시를 보여줘야 하는 경우를 가정해 봅시다. 두개의 전역 이벤트 핸들러를 사용할 수 있는데, 하나는 처음 호출이 시작되었을때 아이콘을 보여주는 것이고, 다른 하나는 끝났을 때 아이콘을 숨기는 것입니다.

예제

<script>
function searchByAjax() {
	var usrkey = $F('usrkey');
	if (usrkey == '') return;
	var url = 'http://yourserver/app/stocks.php';
	var pars = 'sleep=1&usrkey=' + encodeURIComponent(usrkey.toUpperCase());
	
	var myAjax = new Ajax.Request(
		url, 
		{
			method: 'get', 
			parameters: pars, 
			onComplete: showResponse
		});		
}

function showResponse(originalRequest) {
	$('result').innerHTML = '<pre>'+ originalRequest.responseText  + '</pre>';
}

var myGlobalHandlers = { onCreate: function(){ Element.show('loading'); }, onComplete: function() { if(Ajax.activeRequestCount == 0){ Element.hide('loading'); } } };
Ajax.Responders.register(myGlobalHandlers); </script> Search: <br /> <input type="text" id="usrkey" name="usrkey" value="" onkeyup="searchByAjax();" /> <span id='loading'><img src='spinner.gif'> Loading...</span> <br /> <br /> Result: <div id="result"></div>
실행

Ajax.Updater 클래스 사용하기

만약 이미 작성된 HTML을 문서를 서버측으로부터 얻을 수 있고, 그 HTML을 가지고 페이지내의 특정 부분을 바꾸고 싶다면, Ajax.Updater 클래스를 사용하여 작업을 쉽게 할 수 있습니다. 이 클래스를 이용하여 어느 엘리먼트가 AJAX 호출로부터 반환된 HTML을 채우는지만 알려주면 됩니다. 예제를 보면 코드는 onComplete 함수와 생성자에 전달된 엘리먼트 id를 제외하고 이전 예제에 비해서 매우 간단합니다.

예제

<script>
function getHTML() {
	var url = 'http://yourserver/app/sample_html.php';
	var pars = 'someParameter=ABC';
	
var myAjax = new Ajax.Updater( 'placeholder', url, { method: 'get', parameters: pars });
} </script> <input type="button" value="Get Html" onclick="getHTML()" /> <p><div id="placeholder"></div></p>
실행

클라이언트에서 서버 에러들을 다루는 것이 어떻게 가능한지 보기 위해 코드를 조금 변경해 봅시다. 에러 보고를 위한 함수를 명시하고, onFailure 옵션을 추가합니다. 참고적으로 성공할 때와 에러가 발생할 경우 각각 업데이트될 엘리먼트(예제의 placeholder)를 구분하기 위해서, 첫번째 파라미터를 단순 엘리먼트 id에서 2개의 프로퍼티(success-모든것이 정상적일때 사용, failure-어떤것이 실패일때 사용)를 가지는 익명 객체로 변경할 수 있습니다. 이 경우에는 성공시와 오류시 각각 지정된 영역에 업데이트 될 것입니다. 다음 예제에서 failure 프라퍼티를 사용하지 않고, onFailure 옵션에서 reportError 함수를 사용하고 있습니다.

예제

<script>
function getHTML() {
	var url = 'http://yourserver/app/sample_html.php';
	var pars = 'someParameter=ABC';
	
	var myAjax = new Ajax.Updater(
		{ success: 'placeholder' },
		url, 
		{
			method: 'get', 
			parameters: pars,
			onFailure: reportError,
			evalScripts: true
		});
}

function reportError(request) { alert('Sorry. There was an error.'); }
</script> <input type="button" value="Get Html" onclick="getHTML()" /> <p><div id="placeholder"></div></p>
실행

만약 서버 로직이 HTML 마크업과 함께 자바스크립트 코드도 반환한다면, Ajax.Updater 객체는 이 자바스크립트 코드를 evaluation 할 수 있습니다. 자바스크립트 응답을 처리하기 위해서는 객체 생성자의 마지막 인자로 프라퍼티들의 목록에 evalScripts: true;를 간단히 추가하면 됩니다. 하지만 여기에 주의해야 할 점이 있습니다. 이러한 스크립트 블럭은 본 페이지의 스크립트에 추가되지는 않을 것입니다. 아래 예제는 서버로부터 얻어온 스크립트를 포함한 HTML 인데, 스크립트 블럭에서 sayHello1 이라는 함수를 생성하지 않을 것입니다. 함수를 정상적으로 생성시키기 위해서는 sayHello2 처럼 함수생성 코드를 변경할 필요가 있습니다. 추가적으로 함수 선언을 위해 var 키워드를 사용하면 스크립트 블럭에 지역화될 함수 객체를 생성하게 되므로, 함수 객체가 window 범위에서 작동하도록 var 키워드를 사용하지 않습니다.

예제

/* HTML from AJAX call */

<script>
	// sayHello1() won't work in AJAX call.
	function sayHello1() {
		alert('Hello 1');
	}

	// sayHello2() will work in AJAX call.
sayHello2 = function() { alert('Hello 2'); }
</script> <a href="#" onclick="sayHello1()">Function 1</a> <a href="#" onclick="sayHello2()">Function 2</a>
실행

Ajax.PeriodicalUpdater 클래스 사용하기

또 다른 유용한 클래스로, AJAX 호출을 일정한 주기로 반복해서 호출을 해야 할 경우에 유용하게 사용될 수 있는 Ajax.PeriodicalUpdater 클래스를 제공하고 있습니다.

예제

<script>
	function getNumber() {
		var url = 'http://yourserver/app/sample_number.php';
		var pars = 'someParameter=ABC';
		
		var myAjax = new Ajax.PeriodicalUpdater(
			'placeholder', 
			url, 
			{
				method: 'get', 
				parameters: pars,
				frequency: 2
			});
	}
</script>

<input type="button" value="Get Number" onclick="getNumber()" />

<p><div id="placeholder"></div></p>
실행

Enumerating

프로그래머에게 루프(loop)에 친숙합니다. 잘 알다시피, 배열을 생성하고, 같은 종류의 엘리먼트로 채우고, for, foreach, while, repeat 등과 같은 루프 제어문을 생성하고, 숫자로 된 인덱스를 통해 순차적으로 각각의 엘리먼트에 접근하고, 그 엘리먼트로 작업을 수행합니다. 언제나 코드에 배열을 가지고 루프내 배열을 사용할 것이라는 것을 의미합니다. 이러한 반복을 다루기 위해 좀더 많은 기능을 가진 배열 객체가 있다면 좋지 않겠습니까? 사실, 많은 프로그래밍 언어는 배열이나 유사한 구조(collection과 list와 같은)에서 이러한 기능을 제공하고 있습니다.

prototype.js는 반복 가능한 데이터를 다룰때 사용하도록 구현된 Enumerable 객체를 제공합니다. 이 라이브러리는 더 나아가 Enumerable의 모든 메소드로 Array 클래스를 확장합니다.

루프, 루비-스타일

표준 자바스크립트에서 배열의 엘리먼트를 순차적으로 표시할 경우, 예제의 showList1처럼 작성할 수 있습니다. prototype.js를 사용하면, 루비 언어와 유사한 구문을 사용하여 showList2와 같이 작성할 수 있습니다. each 메소드에 대한 인자처럼 전달되는 이 함수는 보았습니까? 이것을 반복자(iterator) 함수라 합니다.

예제

<script>
var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg'];

// using standard javascript
function showList1(){
for(i=0;i<simpsons.length;i++){ alert(simpsons[i]); }
} // using prototype.js function showList2(){
simpsons.each( function(familyMember){ alert(familyMember); });
} </script> <input type="button" value="List 1" onclick="showList1();" /> <input type="button" value="List 2" onclick="showList2();" />
실행

강력해진 배열

일반적으로 한 배열내의 모든 엘리먼트들은 같은 프라퍼티와 메소드를 가진 동일 종류입니다. 예제의 새로운 배열을 가지고 iterator 함수의 장점을 살펴봅시다.

예제

<script>
function findEmployeeById(emp_id){
	var listBox = $('lstEmployees')
	var options = listBox.getElementsByTagName('option');
	options = $A(options);
var opt = options.find( function(employee) { return (employee.value == emp_id); });
alert(opt.innerHTML); //displays the employee name } </script> <select id="lstEmployees" size="10" > <option value="5">Buchanan, Steven</option> <option value="8">Callahan, Laura</option> <option value="1">Davolio, Nancy</option> </select> <input type="button" value="Find Laura" onclick="findEmployeeById(8);" />
실행

다음 예제는 배열의 각 항목을 필터링하여 원하는 멤버만 가져오는 것입니다.

예제

<script>
function showHttpLinks(paragraph) {
	paragraph = $(paragraph);
	var links = $A(paragraph.getElementsByTagName('a'));
	//find links that start with 'http'
	var localLinks = links.findAll( function(link) {
		var start = link.href.substring(0,4);
		return start == 'http';
	});
	//now the link texts
	var texts = localLinks.pluck('innerHTML');
	//get them in a single string
	var result = texts.inspect();
	alert(result);
}
</script>

<p id="someText">
	This <a href="http://somesite.com">text</a> has 
	a <a href="ftp://someftp.com">lot</a> of 
	<a href="http://othersite.com">links</a>. Some are 
	<a href="http://wherever.com/page.html">http links</a>
	and others are <a href="ftp://otherftp.com">ftp links</a>.
</p>

<input type="button" value="Find Http Links" onclick="showHttpLinks('someText')" />
실행


Trackback 0 Comment 0
2009.12.18 10:19

초간단 AJAX 샘플





간단하게 테스트 할 수 있는 샘플이다.

   
<html>
<head>
<title>Simple Ajax Example</title>
<script language="Javascript">
function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(getquerystring());
}

function getquerystring() {
    var form     = document.forms['f1'];
    var word = form.word.value;
    qstr = 'w=' + escape(word);  // NOTE: no '?' before querystring
    return qstr;
}

function updatepage(str){
    document.getElementById("result").innerHTML = str;
}
</script>
</head>

<form name="f1">
  <p>word: <input name="word" type="text"> 
  <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("/cgi-bin/simple-ajax-example.cgi")'></p>
  <div id="result"></div>
</form>
</body>
</html>


출처: http://kurapa.com

Trackback 0 Comment 0
2009.12.09 09:31

웹서핑의 역사를 뒤바꾼 RSS 포맷과 구독기 만들기





웹서핑의 역사를 뒤바꾼 RSS
RSS 포맷과 구독기 만들기


서성렬 kaistseo@gmail.com|KAIST 전산학과를 졸업 / RSS(www.hanrss.com)를 개발,운영.
웹2.0의 핵심기술 중 하나인 RSS는 생산자(피드)와 소비자(구독기)간의 커뮤니케이션이 원활하게 이루어질 때 비로소 그 의미가 생긴다. 일단 커뮤니케이션이 원활해지면 그 위에서 RSS 기반의 다양한 서비스들로 확장될 수 있다. 이번 3부에서는 RSS 피드 의 다양한 포맷과 구독기가 갖추어야할 기본 요소들에 대해 구체적으로 알아보자. 곁들여 간단한 웹기반 RSS 구독기를 직접 만들 어 보자. 이 과정을 통해 웹2.0 트렌드에 보다 능동적으로 대처할 수 있는 스킬을 갖출 수 있을 것이다.

태그의 이해
RSS(Really Simple Syndication)는 웹2.0에 대해 논할 때면 빠지지 않는 단골메뉴이지만 아직도 많은 사람들이 RSS의 정확한 의미나 활용방법에 대해 잘 알고 있지 못하고 있 는 것이 현실이다. 우선 신디케이션(Syndication)이란 단어의 사 전적 의미는‘신문용 기사를 배급하는 것’인데, 여기서는‘인터 넷 이용자들에게 자신의 컨텐츠를 배포’한다는 정도의 의미로 받아들이면 적당하다. 근래 들어 블로그나 뉴스, 쇼핑은 물론이 고 다양한 분야의 많은 사이트들이 자신들의 콘텐츠를 RSS 피드 (Feed)로 내어놓고 있다. 이때 사용자는 소위 말하는 RSS 구독 기(Reader)에 그러한 RSS 피드들의 주소만을 등록시켜 놓으면, 매번 사이트를 방문하지 않아도 신착정보가 자동으로 RSS 구독 기에 배달되어 손쉽게 고급 정보를 얻을 수 있다는 이점이 있다. 만약 싸이월드에 있는‘업데이트된 일촌 미니홈피’기능의 편리 성을 체감해본 적이 있는 독자라면 왜 RSS 구독기를 쓰는 게 좋 은지 쉽게 이해할 수 있을 것이다. 이제까지의 웹서핑 패턴이 사 용자가 끊임없이 들락날락하며 불필요하게 시간을 낭비하는 즐 겨찾기 방식이었다면, 웹2.0에서는 가만히 앉아서 RSS 구독기 에 새로운 정보가 있는지만 확인하면 된다.
결국 이러한 RSS 기술의 핵심은 피드(Feed)와 구독기 (Reader)간의 커뮤니케이션에 있다고 할 수 있다. 주의할 점은 피드의 포맷이 한 종류로 국한되지 않는다는 것이다. 따라서 우 리는 우선 다양한 종류와 버전의 피드 포맷이 가지는 특징과 RSS 구독기의 동작원리에 대해 살펴보고 난 뒤에 RSS 구독기 작성법에 대해 구체적으로 알아볼 것이다. 아울러 이러한 과정들 을 통해 습득한 지식을 바탕으로 향후 RSS 기술이 가져올 다양 한 활용 방안까지도 고민해볼 수 있을 것이다.

RSS 관련 용어 해설

피드(Feed)
: 블로그 또는 사이트의 정보를 항목들로 정리하여 담은 XML 문서. RSS 구독기(Reader)는 이 문서를 수집하여 구독자에게 보여주는 역할을 한다.

OPML(Outline Processor Markup Language) : 여러 개의 RSS피드들을 하나의 목록파일로 정리한 것이다. OPML 파일을 이용하여 자신이 구독하고 있는 RSS 목록을 서로 다른 RSS 구독기(Reader) 간에 자유롭게 이동시킬 수 있다.

포드캐스팅(Podcasting) : mp3나 avi 등의 멀티미디어 파일에 대한 링크를 RSS 피드 안에 삽입함으로써 RSS 구독자들에게 단순히글만이 아닌 오디오?비디오 콘텐츠까지 배포하는 역할을 한다.

RSS 수집기(Aggregator) : 통상적으로 RSS 구독기(Reader)와 같은 의미로 사용된다. RSS 수집을 중앙 서버에서 관리하는 웹기반 RSS 구독기(Reader)를 지칭할 때 많이 사용되는 용어이다.

 

RSS 포맷

실제로 배포(Syndication) 포맷으로는 RSS 이외에도 Atom이 널리 사용되고 있다. 여기서 말하는 포맷(Format)이란 정확하게는 피드(Feed)의 형식을 의미하며 RSS와 Atom 피드는 모두 XML로 작성된다. <표 1>을 보면 RSS와 Atom 피드 포맷이 가지고 있는 여러 가지 버전을 확인할 수 있다.

 

종류
버젼
RSS
0.9 | 0.91 | 0.92 | 1.0 | 2.0
Atom
0.3 | 1.0

<표 1> 피드 포맷 버전

 

블로그나 사이트에 따라 특정 종류 및 버전의 피드만을 제공하 는 경우가 많기 때문에, 기본적으로 RSS 구독기면 <표 1>에 열 거된 모든 버전의 RSS 및 Atom 포맷을 인식할 수 있어야 한 다. 참고로 현재 가장 많이 이용되는 피드 포맷은 RSS 2.0과 Atom 0.3이다. 이제 각각의 피드 포맷에 대해 좀 더 구체적으 로 알아보자.

 

RSS 0.9

1999년 넷스케이프사에 의해 소개된 RSS 0.9는 ASCII 인코 딩만을 지원하기 때문에 한글을 사용할 수 없는 피드 포맷이다. < 표 2>는 RSS 0.9의 필수 태그만을 나열한 것이다. 현재 거의 사 용되지 않고 있는 포맷이지만 RSS 0.9에 대해 좀 더 구체적으로 알고 싶다면 http://www.purplepages.ie/ RSS/netscape/rss0. 90.html 을 참고하기 바란다.

 

태그 사용예
XML 버전 <?xml version="1.0"?>
RDF 버전 <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://my.netscape.com/rdf/simple/0.9/">
채널 정보 시작 <channel>
채널 제목 <title>Mozilla Dot Org</title>
채널 링크 <link>http://www.mozilla.org</link>
채널 내용 <description>the Mozilla Organization web site</description>
채널 정보 끝 </channel>
게시글 시작 <item>
게시글 제목 <title>Mozilla Party, 2.0!</title>
게시글 링크 <link>http://www.mozilla.org/party/1999/</link>
게시글 끝 </item>
RDF 끝 </rdf:RDF>

<표 2> RSS 0.9 문법(필수 태그)

 

RSS 0.92

RSS 0.91의 상위 버전이며 RSS 2.0의 하위 버전이다. 모든 RSS 0.91 피드는 0.92 피드에 속하고, 다시 모든 0.92 피드는 2.0 피드에 속한다. 다시 말해 RSS 구독기를 구현하는 입장에서 는 RSS 2.0만을 고려해도 문제가 없다는 뜻이다.

<그림 1> 태그를 통한 글과글의 연결

 

RSS 1.0

2000년 RSS-DEV에 의해 발표된 RSS 1.0은 기본 인코딩으 로 UTF-8을 사용한다. RSS 0.91에서 사라진 RDF 프레임워크 기반으로 설계되었다는 점이 특징이고, Dublin Core, Syndicati on, Content 등의 모듈을 이용한 확장방식 또한 1.0 버전만의 독 특한 점이다.
서로 호환되지 않는다는 점 때문에 RSS 0.9와 1.0을 1.* 계열 (branch), RSS 0.91, 0.92, 2.0을 2.* 계열(branch)로 구분하기도 한다. RSS 1.0 포맷은 실제로 여러 사이트에서 꽤 많이 이용되고 있으며 <표 3>에 나타난 사용 예처럼 작성하면 된다. 아울러 필수 및 주요옵션 태그 이외의 세부적인 사항들은 http://web.resourc e.org/rss/1.0/spec 을 통해 확인할 수 있다.

 

태그 사용예
XML 버전 <?xml version="1.0"?>
RDF 버전 <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://purl.org/rss/1.0/">
채널 정보 시작 <channel rdf:about="http://www.xml.com/xml/news.rss">
채널 제목 <title>XML.com</title>
채널 링크 <link>http://xml.com/pub</link>
채널 내용 <description>XML.com features a rich mix of information and services for the XML community.</description>
전체 게시글 목록 <items><rdf:Seq><rdf:li resource="http://xml.com/pub/2000/08/09/xslt/xslt.html" /> </rdf:Seq></items>
채널 정보 끝 </channel>
게시글 시작 <item rdf:about="http://xml.com/pub/2000/08/09/xslt/xslt.html">
게시글 제목 <title>Processing Inclusions with XSLT</title>
게시글 링크 <link>http://xml.com/pub/2000/08/09/xslt/xslt.html</link>
게시글 내용 <description>
Processing document inclusions with general XML
tools can be problematic. This article proposes a
way of preserving inclusion
information through SAX-based processing.</description>
게시글 끝 </item>
RDF 끝 </rdf:RDF>

<표 3> RSS 1.0 문법(필수?주요옵션 태그)

 

RSS 2.0

현재 가장 많이 사용되고 있는 RSS 포맷이다. RSS 2.0을 만 든 데이브 와이너(Dave Winer)가 하버드 법대(Harvard Law School)의 특별연구원이 되면서 RSS 2.0 규약의 소유권 또한 하 버드대로 이전되었고, 공식적인 배포처도 http://blogs.law. harvard.edu/tech/rss가 되었다.

 

태그 사용예
XML 버전 <?xml version="1.0"?>
RSS 시작 <rss version="2.0">
채널 시작 <channel>
채널 제목 <title>Liftoff News</title>
채널 링크 <link>http://liftoff.msfc.nasa.gov/</link>
채널 내용 <description>Liftoff to Space Exploration.</description>
게시글 시작
<item>
게시글 제목
<title>Star City</title>
게시글 링크 <link>http://liftoff.msfc.nasa.gov/news/2003/newsstarcity.asp</link>
게시글 내용 <description>How do Americans get ready to work with Russians aboard the International Space Station? They take a crash course in culture, language and protocol at Russia's <a href="http:// howe.iki.rssi.ru/GCTC/gctc_e.htm">Star City</a>.</description>
게시글 일자 <pubDate>Tue, 03 Jun 2003 09:39:21 GMT</pubDate>
게시글 끝
</item>
채널 끝 </channel>
RSS 끝 </rss>

<표 4> RSS 2.0 문법(필수?주요옵션 태그)

이러한 각 버전의 RSS 포맷들은 수년간에 걸쳐 조금씩 그 내 용이 변경되고 확장되어 왔다. <표 5>를 통해 알 수 있듯이 RSS 포맷이 개발되기 시작한 때부터 실제로 널리 사용되기까지는 상 당한 시간이 소요되었다.

 

일자 내용
99년 3월 15일 넷스케이프에 의해 RSS 0.9 설계
99년 7월 10일 넷스케이프에 의해 RSS 0.9에서 RDF 헤더가 제거된 RSS 0.91설계
00년 8월 14일 RSS 1.0이 제안됨. RDF 헤더가 유지되었다는 점을 제외하고는 기존 포맷과 관련없는 새로운 포맷
00년 12월 25일 유저랜드(UserLand)의 데이브 와이너(Dave Winer)에 의해 RSS 0.91에 옵션태그가 추가된 RSS 0.92 설계
02년 9월 18일 데이브 와이너(Dave Winer)에 의해 RSS 0.92에 옵션태그가 추가된 RSS 2.0 설계. 개발기간 중에는 RSS 0.94로 불렸음
03년 7월 15일 RSS 2.0이 하버드(Harvard)를 통해 크리에이티브 커먼즈 라이센스(Creative Commons License)로 배포됨

<표 5> RSS 버전 변천사

 

Atom 0.3과 Atom 1.0

tom은 IETF AtomPub Working Group에서 설계된 배포 포맷이다. 현재까지 공식적으로 발표된 버전은 0.3이고 1.0 버전 은 마무리 단계에 들어가 있으며, Atom 0.3의 일부 태그가 변 경?삭제되었다. Atom 0.3과 1.0 버전의 차이점에 대해서는 http://rakaz.nl/item/moving_from_atom_03_to_10를 통해 자 세히 확인할 수 있다.

 

RSS와 Atom 비교

많은 이들이 RSS와 Atom 포맷의 차이점에 대해 잘 모르는 듯 하다. 실제로 Atom은 이름조차 별로 알려지지 않은 편이다. RSS와 Atom을 비교해 놓은 <표 6>를 통해 어떤 점이 다른지 구 체적으로 살펴보도록 하자.

 

RSS 2.0 Atom 1.0 참고사항

rss
-  
channel feed  
title title  
link link Atom은 link 태그에 "rel" 값 사용
description subtitle  
language - Atom은 표준 "xml:lang" 속성 사용
copyrights rights  
webMaster
-  
managingEditor author or contributor  
pubDate published (in entry) Atom은 feed 레벨에는 대응되는
태그가 없음
lastBuildDate
(in channel)
updated RSS는 item 레벨에는 대응되는
태그가 없음
category
category  
generator r
generato  
docs
-  
cloud -  
ttl - HTTP 1.1의 Expire와 max-age
cache 힌트 사용
image logo Atom은 2:1 비율을 추천
-
icon favicon.ico
rating -  
textInput -  
skipHours
-  
skipDays -  
item entry  
author author  
-contributor
   
description summary and/or content 전체 본문의 공개 여부에 좌우
comments -  
enclosure - Atom은 link 태그에
rel="enclosure" 이용
guid id  
source -
- Atom은 link 태그에 rel="via" 이용
-source feed 레벨 메타데이터  

<표 6> RSS 및 Atom 비교표

<표 6>에 제시되는 것처럼 다양한 피드 포맷들을 전부 고려하 는 것은 어찌 보면 매우 번거로운 작업일 수 있다. 하지만 대부분 은 실제로 사용되고 있기 때문에, 모든 종류의 피드 포맷을 지원 하지 못한다면 RSS 구독기로서의 역할을 제대로 할 수 없게 되 는 셈이다.

 

정보 검색과 태그 탐색

다양한 RSS 및 Atom 포맷으로 작성된 피드들을 읽고 분석하 여 사용자에게 편리한 구독환경을 제공해주는 RSS 구독기들은 이미 여러 종류가 공개되어 있으며 이용자 수를 꾸준히 늘려가고 있는 상황이다. 이러한 구독기들은 크게 웹 기반과 데스크탑 기 반으로 나눌 수 있다. 현재 대표적으로 이용되고 있는 구독기들 을 살펴봄으로써 RSS 구독기가 갖추어야할 모습들에 대하여 이 해의 폭을 넓혀보자.

 

웹기반 RSS 구독기

 

<화면 1> 한RSS 메인화면

 

<화면 2> 한RSS 구독화면

 

웹기반 RSS 구독기는 어느 곳에서나 이용이 가능하다는 점과 자신의 컴퓨터에 별도의 프로그램을 설치하지 않고도 손쉽게 이용할 수 있다는 장점 때문에 많은 인기를 얻고 있다. 현재 국내에서 가장 인지도가 높은 웹기반 RSS 구독기로는 한RSS(www.hanrss.com)와 다음 RSS넷(rss.daum.net) 등이 있다. 외국 서비스로는 블로그라인스(www.bloglines.com)와 구글리더(reader.google.com), 로조(www.rojo.com) 등이 널리 사용되고있다. 여기에서는 현재 필자가 개발하여 운영하고 있는 한RSS를 중심으로 그 구조에 대해 살펴본다.
서비스 둘러보기 기능을 통해 실제로 RSS 구독기가 어떻게 동작하며 어떤 식으로 RSS를 검색하고 구독할 수 있는지 쉽게 파악할 수 있을 것이다. 간단한 회원가입 과정을 거치고 나면 자신만의 RSS 목록을 관리하는 것 또한 어렵지 않다.

 

데스크탑 기반 RSS 구독기

데스크탑 기반 RSS 구독기는 웹 기반 구독기에 비해 상대적으로 다양한 기능들을 제공하는 편이다. 또 자신의 컴퓨터에 RSS데이터를 보관해 둘 수 있다는 장점이 있다. 국내 대표적 데스크탑 기반 RSS 구독기로는 연모가 있고, 최근에 메타데이터 에코시스템으로 주목받고 있는 피쉬(Fish)도 데스크탑 기반의 RSS이다. 외국 제품으로는 피드데몬(FeedDemon), 샤프리더(SharpReader) 등이 오래 전부터 인기가 있었다. 파이어폭스나 IE7같은 브라우저에서도 확장 도구를 통하거나 자체적으로 RSS 구독기능을 지원하고 있다.
물론 이러한 전용 RSS 구독기들 외에도 각종 개인화 페이지나 블로그 서비스의 보조 도구로 RSS 구독기가 활용되고 있는 경우 또한 적지 않다.

<화면 3> 연모 구독화면

 

웹기반 RSS 구독기 작성하기

앞서 살펴 본 바와 같이 이미 다양한 형태의 RSS 구독기가 제품 또는 서비스의 형태로 제공되고 있다. 개발자라면 이제 자신의 RSS를 만들어 보고 싶은 욕심도 들 것이다. 이번에는 간단한 구독기를 직접 만들어 보도록 한다. 독자들은 이 과정을 통해 자신만의 RSS 구독기를 만드는 기반을 다질 수 있을 것이다. 웹 기반 RSS 구독기를 만들기 전에 먼저 <그림 2>를 통해 RSS 구독기의 기본적인 구조를 살펴보자.
웹 기반 RSS 구독기를 구현하는 데 있어 특정 프로그래밍 언어나 DBMS에 종속시킬 필요는 없으나, 독자들이 좀 더 쉽게 이해할 수 있도록 하기 위해 많은 개발자들에게 익숙한 PHP와 MySQL를 이용할 것이다. 아울러 DB와 웹 서버의 설정은 모두 UTF-8 인코딩에 맞추어져 있다고 가정한다.

 

<그림 2> OpenOS의 구조

 

RSS 피드 읽어오기

RSS 구독기가 수행해야 할 가장 첫번째 단계는 블로그나 웹사 이트에 올라와 있는 RSS 피드 파일들을 읽어오는 것이다. 단순 하게 fopen() 함수를 이용하면 <리스트 1>과 같이 단 몇 줄의 코 드 만으로도 RSS 피드를 읽어오는 것이 가능해진다.

 

RSS 피드 분석하기

RSS의 피드를 분석하는 단계는 구독기에서 가장 핵심이 되는 대목이다. RSS 피드는 XML로 작성되어 있기 때문에 그것을 분 석(Parsing)하는 과정 역시 XML 분석기(Parser)를 어떻게 이 용할 것인가와 밀접한 관련이 있다. PHP와 같이 널리 사용되고 있는 스크립트 언어들에는 자체적으로 XML 분석기가 내장된 경 우가 많다. XML 분석기를 이용하여 RSS 피드를 분석하는 방법 까지도 오픈소스 라이브러리로 이미 상당수 공개되어 있다.

 

<리스트 1> rss_fetch.php

<?
// 읽어올 피드 목록
$feed_urls = array(
'http://blog.rss.naver.com/kickthebaby.xml',
'http://srlog.egloos.com/index.xml',
'http://feeds.feedburner.com/tapestrydilbert'
);
foreach ($feed_urls as $url) {
// 피드 읽어오기
$handle = fopen($url, 'r');
if ($handle) {
$document = '';
while (!feof($handle)) {
$document .= fgets($handle, 4096);
}
// 읽어온 피드 출력
echo $url."\n".$document;
fclose($handle);
}
}
?>

 

<표 7>은 그러한 라이브러리들 중 대표적인 것 몇 가지를 소개한 것이다.

 

이름 언어/환경 URL
Universal Feed Parser Python http://feedparser.org/
Jakarta FeedParser Java http://jakarta.apache.org/commons
/sandbox/feedparser/
MagpieRSS PHP http://magpierss.sourceforge.net/
RSS Bandit .NET
Framework
http://www.rssbandit.org/

<표 7> 오픈소스 RSS 분석기(Parser) 목록

 

여기에서는 PHP의 xml_parse() 함수를 이용하여 간단한 RSS 분석기(Parser)를 작성해 보려고 한다. 다만, 모든 종류의 포맷을 전부 고려할 경우 지루한 작업이 될 수 있으므로, 일단 가 장 일반적으로 사용되고 있는 RSS 2.0만을 고려한 RSS 분석기 를 만들어 볼 것이다. <리스트 1>에서 작성한 코드에 RSS 분석 기능을 추가하여 <리스트 2>의 코드가 만들어졌다.

 

<리스트 1> rss_fetch.php

<?
class RSSParser {
var $feed_info = array();
var $feed_articles = array();
<리스트 1> rss_fetch.php
var $inchannel = FALSE;
var $initem = FALSE;
var $inimage = FALSE;
var $current_item = array();
var $current_el = FALSE;

// 여는 태그 처리
function startElement($parser, $name, $attrs)
{
$el = strtoupper($name);
// <rss>, <channel> 등의 RSS 컨테이너 태그
if ($el == 'RSS') {
return;
} else if ($el == 'CHANNEL') {
$this->inchannel = TRUE;
} else if ($el == 'ITEM') {
$this->initem = TRUE;
} else if ($el == 'IMAGE') {
$this->inimage = TRUE;
} else {
// <title>, <description> μO¿≪ RSS ¿oeπ? ?¬±?
$this->current_el = $el;
}
}

// 닫는 태그 처리
function endElement($parser, $name)
{
$el = strtoupper($name);
if ($el == 'RSS') {
return;
} else if ($el == 'CHANNEL') {
$this->inchannel = FALSE;
} else if ($el == 'ITEM') {
$this->feed_articles[] = $this->current_item;
$this->current_item = array();
$this->initem = FALSE;
} else if ($el == 'IMAGE') {
$this->inimage = FALSE;
} else {
$this->current_el = FALSE;
}
}

// 태그 사이의 데이터 처리
function characterData($parser, $data)
{
if ($this->initem) { // <item> ... </item> 사이의 정
보 저장
if ($this->current_el) {
$this->current_item[$this->current_el] .=
$data;
}
} else if ($this->inimage) {
} else if ($this->inchannel) { // <channel> ...
</channel> 사이의 정보 저장
if ($this->current_el) {
$this->feed_info[$this->current_el] .=
$data;
}
}
}
}
function parse_rss($document)
{

// RSS 피드의 인코딩을 UTF-8에 맞춤
if
(preg_match('/<?xml.*encoding=[\'"](.*?)[\'"].*?>/m',
$document, $m)) {
$in_enc = strtoupper($m[1]);
if ($in_enc != 'UTF-8') {
// 피드의 인코딩이 UTF-8이 아닐 경우, 헤더 변경 후 인코딩 변환
$document =
preg_replace('/(<?xml.*encoding=[\'"])(.*?)([\'"].*?>)/m',
'$1UTF-8$3', $document);
$document = iconv($in_enc, 'UTF-8',
$document);
}
}

// XML ∏◇RSS 분석기 생성
$xml_parser = xml_parser_create('UTF-8');
$rss_parser = new RSSParser();
xml_set_object($xml_parser, $rss_parser);
xml_set_element_handler($xml_parser, "startElement",
"endElement");
xml_set_character_data_handler($xml_parser,
"characterData");
if (!xml_parse($xml_parser, $document, true)) {

// xml_parse() 에러 발생 시
printf("XML error: %s at line %d\n",
xml_error_string(xml_get_error_code($xml_parser)),
xml_get_current_line_number($xml_parser));
} else {

// 분석결과 출력
echo "Feed Info\n";
print_r($rss_parser->feed_info);
echo "Feed Articles\n";
print_r($rss_parser->feed_articles);
}
xml_parser_free($xml_parser);
}


... 중략 ...

 

RSS 분석결과를 파일 또는 DB에 저장하기

RSS 피드를 읽어서 분석하는 과정까지 문제없이 진행되었다 면, 이제는 분석한 결과들을 파일이나 DB에 저장해야 할 것이 다. 여기에서는 MySQL DB에 저장하는 방법을 택하기로 한다. 우선 <리스트 3>과 같이 DB 스키마(schema)를 작성해보자. 데 이터가 중복 저장되는 것을 피하기 위해 link 필드에 UNIQUE 인덱스를 걸어두었다.

 

<리스트 3> feed_articles.SCHEMA

create table feed_articles (
srl bigint(20) unsigned not null auto_increment,
source varchar(255) not null default '', # 피드 출처
title varchar(255) not null default '', # 글 제목
link varchar(255) not null default '', # 글 링크
description text not null, # 글 내용
published datetime not null default '0000-00-00
00:00:00', # 글 게시일
primary key (srl),
unique key link (link)
);

 

DB 스키마가 작성되었다면 이제는 <리스트 4>와 같이 DB 레 코드 삽입 코드를 추가한다. 아울러 myqsl_host, mysql_user, mysql_password, my_database를 자신의 MySQL 설정에 맞게 수정하는 것도 잊지 말자.

 

<리스트 4> rss_fetch_parse_save.php

class RSSParser {
... 중략 ...
}

function parse_save_rss($document)
{
... 중략 ...
if (!xml_parse($xml_parser, $document, true)) {
... 중략 ...
} else {
// DB 접속 코드
$link = mysql_connect('mysql_host', 'mysql_user',
'mysql_password') or die('Could not connect:
'.mysql_error());
mysql_select_db('my_database') or die('Could not
select database');

// DB 레코드 삽입
foreach ($rss_parser->feed_articles as $article) {
$published = date('Y-m-d H:i:s',
strtotime($article['PUBDATE']));

$query = sprintf("INSERT INTO feed_articles
(source, title, link, description, published) VALUES
('%s', '%s', '%s', '%s', '%s')",

mysql_real_escape_string($rss_parser->feed_info['TITLE']),
mysql_real_escape_string($article['TITLE']),
mysql_real_escape_string($article['LINK']),
mysql_real_escape_string($article['DESCRIPTION']),
$published);
if (mysql_query($query, $link)) echo
$query."\n";
}
}
xml_parser_free($xml_parser);
}
... 중략 ...

 

위 코드를 수행한 뒤에 <화면 4>와 같이 실제로 DB에 데이터 가 정상적으로 들어갔는지 확인해 보면 된다.

 

<화면 4> DB 데이터 확인하기

 

이렇게 작성된 프로그램(rss_fetch_parse_save.php)은 cron 이나 셸 스크립트 등을 이용하여 주기적으로 처리되어야만 실질 적인 구독이 이루어질 수 있다. 대개 1시간에 한 번 이상 피드를 수집하여 분석하고 새로 올라온 글을 DB에 추가하는 형태가 일 반적이다.

 

저장된 분석결과를 웹에서 보여주기

이제 남은 것은 DB 데이터를 웹에서 보여주는 것 뿐이다. <리스트 5>과 같이 간단한 코드를 만들어 보았다. 여기서도 myqsl_host, mysql_user, mysql_password, my_database를 자신의 MySQL 설정에 맞게 수정해야 한다.

 

<리스트 5> rss_reader.php

mysql_select_db('my_database') or die('Could not select
database');
// DB μ?¿A?OΠ¶ ∞°¡ÆøO HTMLΣOE √?Σ¬
$query = "SELECT * FROM feed_articles ORDER BY published
DESC";
if ($result = mysql_query($query)) {
while ($row = mysql_fetch_assoc($result)) {
echo "<div class=title><a
href=\"".$row['link']."\"
class=lnk>".$row['title']."</a></div>";
echo "<div class=source>".$row['source']."</div>";
echo "<div
class=description>".$row['description']."</div>";
}
}
?>

 

CSS 스타일을 정의하여 좀 더 깔끔한 레이아웃을 보여주도록하였다. 이렇게 작성된 웹 기반 RSS 구독기를 바탕으로 좀 더 고차원적인 기능을 붙일 수도 있을 것이다. 특정 글에 새 글 표시를 하거나 인터페이스를 세련되게 다듬는 등의 작업도 가능할 것이다. 이제, 자신만의 RSS 구독기를 만들고 옷을 입혀서 웹2.0의 리더가 되어 보자.

 

RSS 활용하기

피드 포맷이 다양하다고는 하지만 앞에서 살펴본 바와 같이 RSS란 결코 어려운 기술이 아니다. 간단한 수준의 구독기라면 누구나 쉽게 만들 수 있으며, 또한 이렇게 만들어진 구독기는 다양한 곳에 접목시킬 수도 있다. 필자의 경우 인기 블로그나 뉴스 사이트의 RSS만을 조합하여 한RSS 페이퍼(www.hanrss.com/paper)를 만들어 보기도 했다. 유명 블로거 likejazz처럼 자신만의 개인미디어(lens.likejazz.com)를 구성해 볼 수도 있을 것이다.
최근에 공개된 네이버 Open API(openapi.naver.com)는 데이터 자체를 RSS로 제공하고 있기 때문에, 다양한 형태의 매쉬업(Mashup) 서비스를 구축하는 데 있어서도 많은 도움이 될 것이다. 이번에 필자가 소개한 글이 웹2.0 트렌드의 한 축을 담당하는 RSS 기술 및 구독기의 전반적인 원리를 이해하는데 조금이나마 도움이 되길 바란다.

 

이달의 디스켓 : src.zip http://www.imaso.co.kr


참고자료

(1) RSS (file format) - http://en.wikipedia.org/wiki/RSS_(protocol)
(2) RSS Specifications - http://www.rss-specifications.com/rss-specifications.htm
(3) AtomEnabled - http://www.atomenabled.org/

Trackback 0 Comment 0
2009.12.01 10:54

PreparedStatement Set Array





/*
JDBC Recipes: A Problem-Solution Approach (Problem-Solution Approach) (Hardcover)

by Mahmoud Parsian 


# Publisher: Apress (September 15, 2005)
# Language: English
# ISBN: 1590595203

*/

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;

import oracle.sql.ArrayDescriptor;

public class Main {

  public static void main(String[] argsthrows Exception {
    Connection conn = null;
    PreparedStatement pstmt = null;
    java.sql.Array sqlArray = null;
    conn = getOracleConnection();
    // For oracle you need an array descriptor specifying
    // the type of the array and a connection to the database
    // the first parameter must match with the SQL ARRAY type created
    ArrayDescriptor arrayDescriptor = ArrayDescriptor.createDescriptor("CHAR_ARRAY", conn);
    // then obtain an Array filled with the content below
    String[] content = "v1""v2""v3""v4" };
    sqlArray = new oracle.sql.ARRAY(arrayDescriptor, conn, content);

    String query = "insert into CHAR_ARRAY_TABLE(id, array) values(?, ?)";

    pstmt = conn.prepareStatement(query);
    pstmt.setString(1"0001");
    pstmt.setArray(2, sqlArray);

    int rowCount = pstmt.executeUpdate();
    System.out.println("rowCount=" + rowCount);
    System.out.println("--Demo_PreparedStatement_SetArray end--");
    pstmt.close();
    conn.close();
  }

  private static Connection getHSQLConnection() throws Exception {
    Class.forName("org.hsqldb.jdbcDriver");
    System.out.println("Driver Loaded.");
    String url = "jdbc:hsqldb:data/tutorial";
    return DriverManager.getConnection(url, "sa""");
  }

  public static Connection getMySqlConnection() throws Exception {
    String driver = "org.gjt.mm.mysql.Driver";
    String url = "jdbc:mysql://localhost/demo2s";
    String username = "oost";
    String password = "oost";

    Class.forName(driver);
    Connection conn = DriverManager.getConnection(url, username, password);
    return conn;
  }

  public static Connection getOracleConnection() throws Exception {
    String driver = "oracle.jdbc.driver.OracleDriver";
    String url = "jdbc:oracle:thin:@localhost:1521:databaseName";
    String username = "userName";
    String password = "password";

    Class.forName(driver)// load Oracle driver
    Connection conn = DriverManager.getConnection(url, username, password);
    return conn;
  }

}


Trackback 0 Comment 1
2009.10.26 14:38

[Eclipse] java editor template[상용구]





개발을 하면서 싱글턴 패턴을 적용할 경우가 가끔 있습니다.

사실 몇 줄 안되지만 살짝 귀찮기도 합니다. Eclipse 의 Tempate 를 이용하여 편하게 추가하는 법을 소개합니다.


이클립스에서 Window - Preferences - Java - Editor - Templates 를 선택합니다.

New 버튼을 클릭하여 새로운 Template 추가 창에 다음과 같이 입력합니다.



  1. private static ${enclosing_type} instance;   
  2.   
  3. public static ${enclosing_type} getInstance(){   
  4.     if(null == instance){   
  5.         instance = new ${enclosing_type}();   
  6.     }   
  7.     return instance;   
  8. }   
  9.   
  10. private ${enclosing_type}() {}  



싱글턴 패턴을 적용한 클래스에 sing 정도만 치고 Ctrl + Space 를 하면 아래와 같이 템플릿을 적용할 수 있습니다.


손쉽게 싱글턴 패턴이 추가되었습니다.




간만에 포스팅 쓰려니 캡쳐하는 것도 귀찮네요 ㅋㅋㅋ
Trackback 0 Comment 1
2009.10.12 16:25

Java FX for Eclipse





JavaFX가 넷빈즈에서만 돌아가는 줄 알았는데 역시나 이클립스 용 플러그인이 나와 있습니다.


위 링크를 통해 다운로드 받은 파일을 eclipse 설치 폴더에 압축해제하면 설치는 완료 됩니다.

사용방법은 다음과 같습니다.

아래 이미지와 내용은 해당 사이트의 Getting Start 문서를 옮겨왔습니다.

JavaFX SDK 설치

JavaFX SDK for Windows or Mac Os X 다운로드 받아 설치합니다.

Eclipse 설치

Eclipse 3.4 이상이 필요하며. Eclipse IDE for Java EE Developers for Windows or Mac OS X 설치가 필요합니다.

Plugin 설치

  1. plugin을 다운로드 받습니다.:
  2. com.sun.javafx.eclipse.feature-win32-win32-x86-1.0.1.zip for Windows
  3. com.sun.javafx.eclipse.feature-macosx-carbon-x86-1.0.1.zip for Mac OS X
  4. eclipse 설치 디렉토리에 압축을 해제합니다.
  5. Eclipse 을 실행합니다.

JavaFX 프로젝트 만들기 와 JavaFX SDK 설정하기
  1. 이클립스를 시작하면 이클립스 workbench의 기본 레이 아웃이 보입니다.
    New empty workbench
  2. Package Explorer에서 오른쪽 클릭하여 New > Java Project 를 선택합니다.
    New Java Project menu
  3. Create a new JavaTM project 로 자바 프로젝트를 생성합니다. 
    New empty workbench
  4. MyJavaFXProject 라는 프로젝트 명과 Finish 버튼을 누릅니다. 새로운 프로젝트가 Package Explorer에 나타납니다. 
    New project created
  5. 프로젝트 이름을 선택하고 오른쪽 클릭하여 JavaFX > Add JavaFX Nature 를 선택합니다.
    Add JavaFX nature to Java Project
  6. 그럼 JavaFX perspective가 활성화 됩니다. JavaFX nature 를 Java Project 에 처음 추가 하는것이라면 JAVAFX_HOME 속성값을 물어볼수도 있습니다.
    Error, JavaFX SDK home not set up.
    JAVAFX_HOME 속성 설정은 아래 단계를 따릅니다.:
    1. 다이얼로그 메시지의 OK 버튼을 누르고 No thanks, I prefer Cancel 버튼을 누릅니다.
    2. 아래와 같은 다이얼로그 창이 그면 JAVAFX_HOME 값을 (empty)로 추가시킵니다.
      Preferences: Classpath Variables
    3. 그리고 Edit... 버튼을 누르면 아래와 같은 창이 뜹니다.
      Edit classpath variable
    4. Folder... 버튼을 눌러 the JavaFX SDK 설치 폴더를 지정해줍니다. 
      Select instalation folder of JavaFX SDK
    5. 폴더선택창의 OK 버튼을 누르고, 변수 Edit 창의 OK 버튼을 누릅니다. 
      Result of setting JAVAFX_HOME property
    6. Preferences 다이얼로그의 OK버튼을 누릅니다. 그럼 JAVAFX_HOME 변수의 세팅이 끝납니다. 만약 Cancel 버튼을 누르면 에러 다이얼로그 창이 뜨며 다시 반복하여 묻게 됩니다.
  7. 이로서 첫번째 JavaFX Project 생성이 완료되었습니다. 
    Opened JavaFX Perspective with Java Project with JavaFX nature

Adding Files

  1. MyJavaFXProject 를 확장해보자. src 폴더를 선택하고. 오른쪽 클릭을 하여 New > Package를 선택한다. 그리고 package 이름에 com.sun.eclipse.example를 입력해보자.
    Adds new Empty Script file into folder.
  2. src/com.sun.eclipse.example 폴더를 오른쪽 클릭후. New > Empty Script 를 선택하자.
    Adds new Empty Script file into folder.
  3. New File 마법사가 보일것이다. Name 필드에 Main 이라고 입력하자.
    New file wizzard
  4. Finish 버튼을 누르면 새로운 JavaFX 스크립트 창이 열린다. 
    New empty FX script
  5. Snippets view를 보자. 여기엔 애플리케이션 개발을 도와줄 여러 가지 code snippets 이 있다. Applications 항목을 열어 Stage를 선택해보자.
    Snippets View
  6. Stage 노드를 editor window로 Drag and drop 하면. Insert Template: Stage 다이얼로그가 보인다. title 변수값을 Hello World 로 바꾸자.
    Result after drop
  7. Insert 버튼을 누르면 template 의 결과가 소스 코드로 변환되어 insert 된다. 
    Result in editor
  8. Mission accomplished, Sir!

Running

Eclipse 로 실행하는 것은 매우 쉽다.

  1. 툴바의 Run 버튼을 누른다. 
    Run icon
  2. 첫번째 실행이라면 Edit Configuration 다이얼로그가 보인다. 
    Configuration
    모든 옵션은 default 값이다. 가장 흥미로운 부분은 Profile - Target 옵션이다. 여기서 실행환경을 조정할 수 있다. 가능한 옵션은 아래와 같다.:
    • Desktop profile - Run as Application
    • Desktop profile - Run as Applet
    • Desktop profile - Run with WebStart
    • Mobile Profile[?] - Run in Emulator
  3.  Run 버튼을 눌러 애플리케이션을 작동시킨다. console 창에 실행 프로그레스가 뜰것이다. 
    Running application

Building

Eclipse 에서의 Build 작업은 default로 자동으로 제공된다. Project 메뉴에서 Build와 관련된 좀 더 많은 옵션을 볼 수 있다.

Configuration Options

  1. Package Explorer 에서 프로젝트 선택 후 오른쪽 클릭하여 Properties를 선택한다. 
    Menu: Project Properties
  2. Properties 창이 보이면 JavaFX Defaults 를 선택한다.
    Properties: JavaFX Defaults
    여기서 JavaFX Project의 실행과 디플로이 프로세스 동안 사용되는 몇가지 기본 파라미터 값을 수정할 수 있다. 좀 더 많은 정보는 JavaFX Packager Documentation 을 통해 볼 수 있다.

JavaFX Help

이 플러그인은 JavaFX SDK documentation로의 접근을 매우 쉽게 해준다. Help > Java FX > JavaFX Script Documentation or press Ctrl + F1 를 누르므로서 Document에 접근 할 수 있다.
JavaFX SDK Help

Footnotes:

  • 언제든 JAVAFX_HOME 변수를 아래와 같은 방법으로 수정 할 수 있다.:
    1. Open Window > Preferences
    2. Expand Java > Build Path and select Classpath Variables
    3. Edit JAVAFX_HOME
  • SDK의 profile을 아래 단계를 통해 수정 할 수 있다.:
    1. Right click on project name. Select Properties > Java Build Path > Libraries
    2. Double click on JavaFX System Library. The Edit Library dialog appears. Here you can set the profile to use.
      Dialog: Edit JavaFX System Library
Trackback 1 Comment 2
2009.09.21 10:18

Base64 Encoding/Decoding 예제





Base64 Encoding/Decoding 예제



package monky.libs.security;



import sun.misc.*;
import java.io.*;



public class Base64Utils {

/**
  * Base64Encoding 방식으로 바이트 배열을 아스키 문자열로 인코딩한다.
  * In-Binany, Out-Ascii
  *
  * @param encodeBytes  인코딩할 바이트 배열(byte[])
  * @return  인코딩된 아스키 문자열(String)
  */
public static String encode(byte[] encodeBytes) {
  byte[] buf = null;
  String strResult = null;
 
  BASE64Encoder base64Encoder = new BASE64Encoder();
  ByteArrayInputStream bin = new ByteArrayInputStream(encodeBytes);
  ByteArrayOutputStream bout = new ByteArrayOutputStream();
 
  try {
   base64Encoder.encodeBuffer(bin, bout);
  } catch (Exception e) {
   System.out.println("Exception");
   e.printStackTrace();
  }
  buf = bout.toByteArray();
  strResult = new String(buf).trim();
  return strResult;
}



/**
  * Base64Decoding 방식으로 아스키 문자열을 바이트 배열로 디코딩한다.
  * In-Ascii, Out-Binany
  *
  * @param  strDecode 디코딩할 아스키 문자열(String)
  * @return  디코딩된 바이트 배열(byte[])
  */
public static byte[] decode(String strDecode) {
  byte[] buf = null;
 
  BASE64Decoder base64Decoder = new BASE64Decoder();
  ByteArrayInputStream bin = new ByteArrayInputStream(strDecode.getBytes());
  ByteArrayOutputStream bout = new ByteArrayOutputStream();

  try {
   base64Decoder.decodeBuffer(bin, bout);
  } catch (Exception e) {
   System.out.println("Exception");
   e.printStackTrace();
  }
  buf = bout.toByteArray();
  return buf;
}



public static void main(String args[]) {
  String strOrgin = "Monky";
  String strDecode = null;
  byte[] bytOrgin = strOrgin.getBytes();
 
  System.out.println("OriginString=" + strOrgin);
 
  String strEncoded = Base64Utils.encode(bytOrgin);
  System.out.println("EncodedString=" + strEncoded);
 
  byte[] bytDecoded = Base64Utils.decode(strEncoded);
  strDecode = new String(bytDecoded);
  System.out.println("DecodedString=" + strDecode);
}


}



수행결과

OriginString=Monky
EncodedString=TW9ua3k=
DecodedString=Monky


        /**
         * BASE64 Encoder
         * @param str
         * @return
         * @throws java.io.IOException
         */
        public static String base64Encode(String str)  throws java.io.IOException {
                sun.misc.BASE64Encoder encoder = new sun.misc.BASE64Encoder();
                byte[] b1 = str.getBytes();
                String result = encoder.encode(b1);
                return result ;
        }

        /**
         * BASE64 Decoder
         * @param str
         * @return
         * @throws java.io.IOException
         */
        public static String base64Decode(String str)  throws java.io.IOException {
                sun.misc.BASE64Decoder decoder = new sun.misc.BASE64Decoder();
                byte[] b1 = decoder.decodeBuffer(str);
                String result = new String(b1);
                return result ;
        }       
Trackback 0 Comment 1


티스토리 툴바