seevaa.net

페이지 속 특정부분만 인쇄

seevaa — Wed, 28 Dec 2011 14:37:25 +0900

웹페이지상에서 뿌려지는 데이터를 사용자가 인쇄할 수 있도록-버튼같은 걸- 만들어 달라는 요구사항이 종종 있다. 웹브라우저상에서 페이지 인쇄가 가능한데 굳이 버튼을 만들어 달라는 건 필요한 데이터만 깔끔하게 출력되게 끔 원하는 것이다.

이런 경우 데이터만 보이는 페이지를 별도로 만들어 서버를 한번 더 타게 만드는 경우가 있는데, CSS(media="print")로 같은 페이지 상에서 쉽게 해결할 수 있다.

style 속성에 media="print" 라고 주면 인쇄시에만 해당 스타일이 적용되는데, 위의 예에서처럼 출력시 필요없는 부분은 display:none; 이런식으로 막아버리면 된다.

...


...

	...
	...
	
		...
		
		...
	
	...

...

링크 요소(a element)의 href 속성과 자바스크립트의 사용

seevaa — Wed, 28 Dec 2011 10:46:39 +0900

신현석님의 '접근성을 해치지 않는 자바스크립트의 사용'이라는 글 중에서...

의미 없는 href 값을 사용한 경우

팝업창을 열 때(window.open)

실제로 위의 경우 나쁜 예로 많이 사용했었는데 신경써야겠다.

Image Thumbnail 만들기

seevaa — Fri, 14 Oct 2011 14:53:36 +0900

javax.media.jai API Docs

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;

import javax.imageio.ImageIO;
import javax.media.jai.JAI;
import javax.media.jai.RenderedOp;

import com.sun.media.jai.codec.FileSeekableStream;
import com.sun.media.jai.codec.ImageCodec;
import com.sun.media.jai.codec.SeekableStream;

public class TestThumb {
	public void createImageThumb(String loadfile, String savefile, int width, int height) throws IOException 	{

		if (getDecoderCheck(loadfile)) {
			File 	    save = new File(savefile);
			RenderedOp    op = JAI.create("fileload", loadfile);
	     	BufferedImage im = op.getAsBufferedImage();

	     	if(im.getWidth()  < width) width = im.getWidth();
	     	if(im.getHeight() < height) height = im.getHeight();

			BufferedImage thumb = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
			Graphics2D 	  g2d   = thumb.createGraphics();

			g2d.drawImage(im, 0, 0, width, height, null);

			ImageIO.write(thumb, "png", save);
		}
	}
	protected boolean getDecoderCheck(String filename) {
		SeekableStream 	ss 	   = null;
		File 			file   = null;
		String[]		ext	   = null;
		String[]		images = {"gif","jpeg","png","tiff","bmp"};
		boolean 		check  = false;

		try {
			file = new File(filename);
			ss   = new FileSeekableStream(file);
			ext  = ImageCodec.getDecoderNames(ss);

			for(int i=0; i -1)
					{
						check = true;
						break;
					}
				}
			}
		}catch(Exception e) {}

		return check;
	}
}

정규식 표현으로 필드값 검사하기

seevaa — Tue, 11 Oct 2011 13:53:21 +0900

정규식

/^[a-z0-9_-]{3,16}$/ // 아이디
/^[a-z0-9_-]{6,18}$/ // 비밀번호
/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ // 이메일
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w_\.-]*)*\/?$/ // URL
/^[0-9]{8,11}$/ // 전화번호

onkeypress="if((event.keyCode<48)||(event.keyCode>57)) event.returnValue=false;"

파라미터 관련 유틸

seevaa — Mon, 10 Oct 2011 14:06:00 +0900

파라미터 한글 인코딩

String str = request.getParameter("name");
str = new String(str.getBytes("8859_1"), "UTF-8");

xss 보안

public String xssReplace(String value) {

	value = value.replaceAll("<","<");
	value = value.replaceAll(">",">");
	value = value.replaceAll("#","#");
	value = value.replaceAll("\\(","(");
	value = value.replaceAll("\\)",")");
	//value = value.replaceAll("&","&");
	//value = value.replaceAll("\\n","
");

	return value;
}

암호화

var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
function encode64(input) {
	var output = "";
	var chr1, chr2, chr3;
	var enc1, enc2, enc3, enc4;
	var i = 0;
	do {
		chr1 = input.charCodeAt(i++);
		chr2 = input.charCodeAt(i++);
		chr3 = input.charCodeAt(i++);
		enc1 = chr1 >> 2;
		enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
		enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
		enc4 = chr3 & 63;
		if (isNaN(chr2)) {
			enc3 = enc4 = 64;
		}else if (isNaN(chr3)) {
			enc4 = 64;
		}
		output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) +
		keyStr.charAt(enc3) + keyStr.charAt(enc4);
	} while(i < input.length);

	return output;
}

복호화

public static final String keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
public static String decode64(String input) {

	if (input == null) return "";

	String output = "";
	int chr1, chr2, chr3;
	int enc1, enc2, enc3, enc4;
	int i = 0;
	// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
	//input = input.replaceAll("/[^A-Za-z0-9\+\/\=]/g", "");
	do {
		enc1 = keyStr.indexOf(input.charAt(i++));
		enc2 = keyStr.indexOf(input.charAt(i++));
		enc3 = keyStr.indexOf(input.charAt(i++));
		enc4 = keyStr.indexOf(input.charAt(i++));
		chr1 = (enc1 << 2) | (enc2 >> 4);
		chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
		chr3 = ((enc3 & 3) << 6) | enc4;

		output = output + Character.toString((char)chr1);
		if (enc3 != 64) {
			output = output + Character.toString((char)chr2);
		}
		if (enc4 != 64) {
			output = output + Character.toString((char)chr3);
		}
	} while(i < input.length());

	return output;
}

JSTL

seevaa — Mon, 10 Oct 2011 13:21:13 +0900

JSTL 1.1 functions library

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

Functions
fn:contains()
fn:containsIgnoreCase()
fn:endsWith()
fn:escapeXml()
fn:indexOf()
fn:join()
fn:length()
fn:replace()
fn:split()
fn:startsWith()
fn:substring()
fn:substringAfter()
fn:substringBefore()
fn:toLowerCase()
fn:toUpperCase()
fn:trim()

Spring - ServletRequestUtils

seevaa — Mon, 10 Oct 2011 13:08:34 +0900

Spring 2.0

request로 부터 넘어온 파라미터의 형변환에 유용한 ServletRequestUtils 클래스,

int nowPage = 1;
if (request.getParameter("page") != null || !request.getParameter("page").equals("")){
	nowPage = Integer.parseInt(request.getParameter("page"));
}

위 코드를 아래와 같이 쓸 수 있다.

int nowPage = ServletRequestUtils.getIntParameter(request, "page", 1);

boolean, float, double, int, long, String 타입으로 받아 올 수 있으며 이 타입들의 배열([]) 타입으로도 바로 바인딩해서 넘겨 받을 수 있습니다.

source : http://whiteship.tistory.com/1005

Oracle & sqlplus 설정

seevaa — Wed, 07 Sep 2011 14:40:06 +0900

오라클 설치시 주의

O/S 설치시 유저의 이름에 한글X, 띄워쓰기X, 오직 영문
오라클 설치 파일이 있는 path에 한글X, 띄워쓰기X(C드라이브 루트에 파일을 저장하는게 좋음, 바탕화면은 path가 한글이라 되지 않고 My Documents는 중간에 띄워쓰기가 있어서 되지 않음)
기존버전 삭제
고정IP사용
HDD 3G이상, MEM 500M이상

Window에서 오라클 삭제

서비스에서 Oracle 관련부분 중지
Universal Installer 실행(시작메뉴 또는 Orecle CD -> 제품 설치 제거
Program Files 폴더에서 Oracle 폴더 삭제
시스템 등록 정보 -> 고급 -> 환경변수 -> Path 에서 Oracle 관련부분 삭제
Regstry 편집
- local machine\software\oracle -> 삭제
- local machine\system\ControlSet001\Services\oracle 관련-> 삭제
- local machine\system\ControlSet002\Services\oracle 관련-> 삭제
- local machine\system\CurrentControlSet\Services\oracle 관련-> 삭제
Rebooting
Oracle 폴더 삭제

Sql 사용을 위한 셋팅

시작 -> 실행 -> cmd
cmd>sqlplus / as sysdba
사용자 lock풀기 및 비번 결정하기.
1. SQL> alter user scott identified by tiger account unlock;
2. 사용자가 변경되었습니다.
3. SQL> alter user hr identified by hr account unlock;
4. 사용자가 변경되었습니다.
SQL> conn scott/tiger (접속해 보기)
SQL> show user (접속 확인해 보기)

Sql 바탕화면 단축 아이콘 만들기

바탕화면 -> 마우스 오른쪽 버튼 -> 새로만들기 -> 바로가기
- cmd /k sqlplus "/ as sysdba" -> sysdba
- cmd /k sqlplus scott/tiger -> scott
- cmd /k sqlplus hr/hr -> hr

line size setting

C:\oracle\product\10.2.0\db_1\sqlplus\admin\glogin.sql 파일은 오라클이 실행 될 때 파일 안의 명령을 실행 한 후 오라클이 시작 된다. 그래서 파일을 열어 '-- is connected to Oracle 9.2 or earlier.' 부분에 'set linesize 100'을 쳐준다.
그리고 cmd 창 속성에 레이아웃에서 너비를 100으로 바꿔준다.

샤방샤방 세차장

seevaa — Wed, 08 Jun 2011 14:50:09 +0900

XMLHttpRequest Object

seevaa — Sun, 15 May 2011 17:05:20 +0900

Create an `XMLHttpRequest` Object

All modern browsers (IE7+, Firefox, Chrome, Safari, and Opera) have a built-in XMLHttpRequest object.

Syntax for creating an XMLHttpRequest object:

xmlhttp=new XMLHttpRequest();

Old versions of Internet Explorer (IE5 and IE6) uses an ActiveX Object:

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

To handle all modern browsers, including IE5 and IE6, check if the browser supports the XMLHttpRequest object. If it does, create an XMLHttpRequest object, if not, create an ActiveXObject:

Example

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
	xmlhttp=new XMLHttpRequest();
}
else {// code for IE6, IE5
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

Send a Request To a Server

To send a request to a server, we use the open() and send() methods of the XMLHttpRequest object:

open(method,url,async) : Specifies the type of request, the URL, and if the request should be handled asynchronously or not.
- method: the type of request: GET or POST
- url: the location of the file on the server
- async: true (asynchronous) or false (synchronous)
```
xmlhttp.open("GET","xmlhttp_info.txt",true);
```
send(string) : Sends the request off to the server.
- string: Only used for POST requests
```
xmlhttp.send();
```

Spring - view를 결정하기

seevaa — Fri, 22 Apr 2011 10:28:14 +0900

13.5.3. view로 redirect하기

이미 언급된것처럼, 컨트롤러는 대개 view결정자가 특정 view기술을 결정하는 논리적인 view명을 반환한다. Servlet/JSP 엔진을 통해 실질적으로 처리되는 JSP와 같은 view기술을 위해, 이것은 대개 Servlet API의 RequestDispatcher.forward() 나 RequestDispatcher.include()를 통해 내부 forward나 include를 이슈화하는것을 끝낼 InternalResourceViewResolver/InternalResourceView을 통해 다루어진다. Velocity, XSLT, 등등과 같은 다른 view기술을 위해, view자체는 응답 스트림에 컨텐츠를 생성한다.

때때로 view가 표현되기 전에 클라이언트로 HTTP redirect해서 돌아가는 것을 이슈화하는 것이 바람직하다. 이것은 하나의 컨트롤러가 POST된 데이터를 가지고 호출되고 응답이 다른 컨트롤러(폼서브밋으로부터 성공한 경우에)로 위임되었을때의 예제를 위해 바람직하다. 이 경우, 대개의 내부 forward는 다른 컨트롤러가 POST된 같은 데이터를 볼것이라는 것을 의미한다. 결과가 사용자가 폼 데이터의 이중 서브밋을 수행하는 것의 가능성을 제거할 것을 표시하기 전에 redirect하기 위한 다른 이유를 기대하는 것을 혼동할수 있다면 잠재적으로 문제의 소지가 있다. 브라우저는 초기 POST를 보낼것이다. 현재 페이지는 GET보다는 POST의 결과를 반영하지 않는다. 그래서 refresh를 통해 같은 데이터를 다시 POST할수 있는 방법은 없다. refresh는 결과페이지의 GET을 강제로 수행할뿐 아니라 초기 POST데이터를 다시 보내지는 않는다.

13.5.3.1. `RedirectView`

컨트롤러 응답의 결과처럼 redirect를 강제로 수행하기 위한 하나의 방법은 생성하기 위한 컨트롤러와 Spring RedirectView의 인스턴스를 반환하는 것이다. 이 경우, DispatcherServlet은 대개의 view결정 기법을 사용하지 않을것이지만 이미 주어진 view처럼 작동하기 위해 요청할것이다.

RedirectView는 HTTP redirect로 클라이언트 브라우저로 돌아갈 HttpServletResponse.sendRedirect()호 출을 이슈화하는것을 간단히 끝낸다. 모든 모델 속성은 HTTP쿼리 파라미터처럼 간단히 나타난다. 이것은 모델이 오직 문자열 형태 HTTP쿼리 파라미터로 변환될수 있는 객체만(대개 String이나 String으로 변환가능한)을 포함해야하는것을 의미한다.

만약 RedirectView을 사용하고 view가 컨트롤러 자체에 의해서 생성된다면, 최소한 redirect URL이 컨트롤러로 삽입되는것을 선호할것이다. 그래서 이것은 컨트롤러로 태울(baked into)뿐 아니라 view명과 함께 컨텍스트내 설정된다.

13.5.3.2. `redirect:` 접두사

RedirectView사용이 잘 작동하는 동안, 컨트롤러자체가 RedirectView를 생성한다면, 컨트롤러는 redirection이 발생하는것을 감지한다. 이것은 실제로 차선책이고 너무 타이트하게 커플링한다. 컨트롤러는 응답이 다루어지는 방법에 대해 다루지는 않을것이다. 이것은 대개 삽입되는 view명의 개념에서만 생각한다.

특수한 redirect: 접두사는 이것이 달성되도록 허용한다. 만약 view명이 접두사 redirect를 가지고 반환된다면, UrlBasedViewResolver(과 모든 하위클래스)는 redirect가 필요하다는것을 특별히 표시하는것처럼 이것을 인식할것이다. view명의 나머지는 redirect URL처럼 처리될것이다.

net 효과는 컨트롤러가 RedirectView를 반환하는 것과 같다. 하지만 컨트롤러 자체는 논리적인 view명의 개념에서 다루어진다. redirect:/my/response/controller.html과 같은 논리적인 view명은 현재 서블릿 컨텍스트에 상대적으로 redirect 될것이다. 반면에 redirect:http://myhost.com/some/arbitrary/path.html와 같은 이름은 절대경로의 URL로 redirect할것이다. 중요한 것은 redirect view명이 다른 논리적인 view명처럼 컨트롤러내로 삽입되는것이다. 컨트롤러는 redirection이 발생하는 것을 감지하지 않는다.

13.5.3.3. `forward:` 접두사

UrlBasedViewResolver와 하위클래스에 의해 해석될 view명을 위한 접두사인 특별한 forward:를 사용하는 것은 가능하다. 이 모든것은 URL을 고려하는 view명의 나머지에 InternalResourceView(궁극적으로는 RequestDispatcher.forward() 하는)를 생성한다. 그러므로, InternalResourceViewResolver/InternalResourceView를 사용할때 이 접두사를 결코 사용하지 않는다. 하지만 당신이 다른 view기술을 사용할때 잠재적으로 사용한다. 몇몇 경우 Servlet/JSP엔진에 의해 다루어지는 자원에 대해 발생하는 forward를 강요한다. 만약 당신이 많은 것을 할 필요가 있다면, 당신은 다중 view결정자를 묶을수 있다.

redirect: 접두사를 사용할때, 접두사를 가진 view명이 컨트롤러로 삽입된다면, 어떤 특별한 것을 감지하지 않는 컨트롤러는 응답을 다루는 개념에서 발생한다.

source : http://openframework.or.kr/framework_reference/spring/ver2.x/html/mvc.html#mvc-viewresolver

Basic Filter for Index

seevaa — Mon, 18 Apr 2011 20:06:04 +0900

Basic filter is used to implement some properties like filter element according to their index in set, elements which are in the progress of animation at the time selector is run etc.

Some of the key filters and their syntax are given with example :

`: animated Selector`

This selector select the element which are in advancement of an animation at the time selector is running.

Example :

$("#butt").click(function(){
	$("div:animated").toggleClass("colored");
});

Here "butt" is a button , when you click on it, it will change the color of all the animated div element.

$("div:animated") selects all the div element which are in progress of animation.

toggleClass("colored") change the CSS class to 'colored'.

`: eq Selector`

It filter the element which are at index at ' n ' within the matched set.
Note that java script array is using 0 based indexing.

Example :

<script>$("td:eq(2)").css("color", "red");</script>

Following code change the color of third ' td ' of each row and change it's color to 'red'.

`: even Selector`

It selects the even elements within the matched set.

<script>$("tr:even").css("background-color", "#bbbbff");</script>

It selects the even rows within the matched set. It do not select the even number index rows . It selects 2nd element ,4th element & so on.

`: first Selector`

This Selector selects the first filtered element.

Example :

<script>$("tr:first").css("font-style", "italic");</script>

`: gt Selector`

This selector selects all the element which has greater index than the element with provided index.

Example :

<script>$("td:gt(4)").css("text-decoration", "line-through");</script>

Here 4th element has index value 3 and it filters those elements with greater index value.

`: header Selector`

This selector filters the elements which have headers like H!,H2,H3 etc.

Example :

<script>$(":header").css({ background:'#CCC', color:'blue' });</script>

This selector selects all the header.

`: last Selector`

This selector filters the last matched element.

Example :

<script>$("tr:last").css({backgroundColor: 'yellow', fontWeight: 'bolder'});</script>

The above code filters the last tr or row in table and will change it's background color.

`: lt Selector`

This selector selects all the element which has lesser index than the element with provided index.

`: not Selector`

This selector is slightly different filtering style. As it filters those who don't matches provided criteria.

`: odd Selector`

This selector selects the odd elements like in a table it selects 1st , 3rd rows etc not according to the index number. Since it selects 3rd row means it has index value 4.

Example :

<script>$("tr:odd").css("background-color", "#bbbbff");</script>

Table 7 - short film

seevaa — Sun, 17 Apr 2011 17:44:49 +0900

mybatis - sql.xml(product search)

seevaa — Tue, 12 Apr 2011 20:24:43 +0900

SELECT
	p.PRODUCTID AS PRODUCTID,
	p.NAME  AS NAME,
	p.DESCRIPTION AS DESCRIPTION,
	p.IMAGE AS IMAGE,
	p.CATEGORYID AS CATEGORYID
FROM Product p
	INNER JOIN Category c ON c.categoryId=p.categoryId
	INNER JOIN Item i ON i.productId = p.productId
WHERE
	c.categoryId IN ('ACTADV')
	AND p.name LIKE ''
	AND p.description LIKE ''
	AND i.name LIKE ''
	AND i.description LIKE ''

위의 쿼리문을 아래와 같이 동적으로 처리,
parameterClass에 해당하는 beans(productSearch)를 만들어 이용한다.

<select id="searchProductsWithProductSearch" 
	parameterClass="productSearch"
	resultClass="product" >
	SELECT DISTINCT
	p.PRODUCTID,
	p.NAME,
	p.DESCRIPTION,
	p.IMAGE,
	p.CATEGORYID
	FROM Product p
	<isEqual property="itemProperties" compareValue="true">
		INNER JOIN Item i ON i.productId=p.productId
	</isEqual>
	<dynamic prepend="WHERE">
		<iterate property="categoryIds" 
			open="p.categoryId IN (" close=")" 
			conjunction="," prepend="BOGUS">
			#categoryIds[]#
		</iterate>
		<isNotEmpty property="productName" prepend="AND">
			p.name LIKE #productName#
		</isNotEmpty>
		<isNotEmpty property="productDescription" prepend="AND">
			p.description LIKE #productDescription#
		</isNotEmpty>
		<isNotEmpty property="itemName" prepend="AND">
			i.name LIKE #itemName#
		</isNotEmpty>
		<isNotEmpty property="itemDescription" prepend="AND">
			i.description LIKE #itemDescription#
		</isNotEmpty>
	</dynamic>
</select>

source : iBATIS 인 액션

java - ThreadLocal 클래스

seevaa — Tue, 12 Apr 2011 14:31:45 +0900

source : http://javacan.tistory.com/entry/ThreadLocalUsage

자바 1.2 버전부터 제공되고 있지만 아직 다수의 개발자들이 잘 몰라서 활용을 잘 못하는 기능이 하나 있는데, 그 기능이 바로 쓰레드 단위로 로컬 변수를 할당하는 기능이다. 이 기능은 ThreadLocal 클래스를 통해서 제공되는데
...
ThreadLocal을 이용하면 쓰레드 영역에 변수를 설정할 수 있기 때문에, 특정 쓰레드가 실행하는 모든 코드에서 그 쓰레드에 설정된 변수 값을 사용할 수 있게 된다.
...

아래는 트랜잭션처리를 위해 ThreadLocal을 이용해서 동일한 Connection을 얻기 위한 예제

public class ConnectionUtil .... {
	...
	/*
	threadLocal을 이용해서 같은 connection을 끊지 않는 이상은 공유
	*/
	public static final ThreadLocal<Connection> threadLocal = new ThreadLocal<Connection>();
	public Connection getConnection(){
		Connection connection = (Connection)threadLocal.get();
		try{
			if(connection == null){
				connection = dataSource.getConnection();
				threadLocal.set(connection);
			}
			return connection;
		}catch(SQLException e){
			e.printStackTrace();
			throw new DAOException(e.getMessage());
		}
	}
	...
}

mybatis - LIKE절에 parameter값 넣기

seevaa — Tue, 12 Apr 2011 12:28:46 +0900

MySQL

SELECT * FROM table_name WHERE column_name LIKE "%$username$%"

이 방식은 보안위험성이 높다네요;;; 그래서 아래 방식 추천!! (# 을 쓰는게 좋답니다;)

SELECT * FROM table_name WHERE column_name LIKE CONCAT('%', #keyword#, '%')

ORACLE

SELECT * FROM table_name WHERE column_name LIKE '%'|| #username# ||'%'

SYBASE/SQL SERVER

SELECT * from table_name WHERE column_name LIKE '%' + #username# + '%'

그냥 like %#땡땡땡#% 이렇게 하면
PrepareStatement 형식으로 바뀌면서 %?% 가 되어 오류가 발생.

20110406

seevaa — Tue, 12 Apr 2011 11:18:46 +0900

어느 봄날 ㅋㅋㅋ
나중에 다시 본다면 웃길거야~

Eclipse 플러그인

seevaa — Tue, 05 Apr 2011 11:56:41 +0900

Maven IDE - http://m2eclipse.codehaus.org/
Spring IDE - http://springide.org/updatesite/
Quick Regular Expression - http://www.bastian-bergerhoff.com/eclipse/features
Implementors - http://eclipse-tools.sourceforge.net/updates/
The Eclipse Project Updates - http://update.eclipse.org/updates/3.2
Callisto Discovery Site - http://download.eclipse.org/callisto/releases

JNDI

seevaa — Tue, 05 Apr 2011 10:55:22 +0900

JNDI의 소개

많은 J2EE개발자들이 환경변수(environment entries), DataSource 객체, JMS 메시지 수신지(JMS message destinations) 그리고 엔터프라이즈 빈 홈 인터페이스(enterprise bean home interfaces)를 찾고자 Java Naming and Directory Interface (JNDI)를 이용한다. 하지만 많은 사람들은 JNDI에 대한 진정한 이해 없이 이러한 기능을 하는 코드를 단순히 복사해서 붙이고 고칠 뿐이다. 이 팁은 사용자의 엔터프라이즈 시스템에 배포된 리소스를 액세스하기 위해 JNDI를 사용하는 방법을 소개한다.

엔터프라이즈 애플리케이션들은 그것들의 특성상, 비즈니스 오퍼레이션을 지원하기 위해 여러곳에 배포된 리소스들을 한데 모아야 한다. 새로운 시스템이 생성되었다거나, 기존의 시스템이 업그레이드 되었다거나, 오래된 시스템이 더 이상 작동하지 않을 때 서비스들이 오가게 된다. 애플리케이션 서비스를 서로 분리하는 것은 시스템을 쉽게 유지/확장할 수 있게 한다. 하지만 서비스가 분리되었을 때, 각자의 역할을 제대로 수행하기 위해서는 서로를 찾아낼 수 있어야만 한다. 이 때가 바로 명명 서비스(naming services)와 디렉토리가 유용한 시점이다.

명명 서비스는 이름을 이용해서 객체나 객체에 대한 레퍼런스를 검색하는 방법을 제공한다. 그러한 객체로의 예는 메시지 큐(message queues), 데이터베이스 커넥션 팩토리(database connection factories), 환경 파라미터(environment parameters), 그리고 엔터프라이즈 빈과 같은 분산 컴포넌트(distributed components)등이 있다. 애플리케이션 개발자들은 명명 서비스내의 이름에 객체들을 바인딩해서 객체에 이름을 붙인다. 애플리케이션 코드는 이렇게 바인딩된 이름으로 객체들을 검색하기 위해 명명 서비스를 사용할 수가 있다. 이러한 분리(decoupling)는 네트워크 객체들을 사용하는 시스템 컴포넌트에 대한 어떠한 변경없이 유지 보수를 위해 올리거나 내릴 수 있고, 요청들을 리다이렉트(redirect)시킬 수 있으며, 서비스가 다이나믹하게 재조정될 수 있음을 의미한다.

이미 기존의 명명 서비스에 대해 잘 이해하고 있으리라고 생각된다.

DNS (Domain Name Service)는 java.sun.com과 같은 호스트네임을 %nslookup java.sun.com%과 같은 IP주로소 매핑한다.
CORBA (Common Object Request Broker Architecture)를 위해 쓰이는 COS (Common Object Services) 명명 서비스 는 CORBA 인터페이스 이름(interface names)을 객체 인터페이스로 매핑한다.

사용자는 컴퓨터의 파일시스템을 파일의 경로(pathname)에 파일의 컨텐츠를 매핑하는 일종의 명명 서비스로 생각할 수 있다.

밑의 그림은 명명 서비스가 서비스 네임을 데이터나 서비스 인터페이스로 매핑하는 방법을 보여주고 있다.

이름(name)을 객체로 매핑하는 것을 바인딩이라 부른다. 바인딩은 명명 서비스를 형성하는 사람에 의해 생성된다. 대부분의 명명 서비스는 프로그램이 런타임시에 이름을 객체로 바인딩하거나 해제하는 방법도 제공한다.

컨텍스트는 이름을 객체로 바인딩한 집합이다. 예를들면, 파일시스템에서 경로 /home는 흔히 시스템의 유저 디렉토리를 포함하는 컨텍스트이다. 컨텍스트는 다른 컨텍스트를 포함할 수도 있다. /home 컨텍스트의 유저 디렉토리는 그 자체가 유저 파일을 포함하는 컨텍스트이다.

컨텍스트는 최소한 명명 규칙(naming convention)과 검색기능(lookup function)을 갖는다. 예를 들면, DNS는 가장 구체적인 스트링은 왼쪽, 도메인은 오른쪽에 나타내면서 스트링을 점으로 분리하는 명명 규칙을 갖는다. DNS의 검색기능은nslookup 프로그램을 이용해서 커맨드라인으로부터 액세스가 가능하다.(물론, DNS 명명 서비스에 대한 API도 존재한다.) 컨텍스트는 대게 객체들을 바인딩하고 해제하는 방법과 그것들을 열거하는 방법을 제공한다.

때때로 명명 서비스 의 객체들은 다른 프로그램이 필요로 하는 데이터를 포함한다. 가령, J2EE애플리케이션에서 환경 변수를 나타내는 객체들은 대게 명명 서비스 에 저장된다. 하지만 이외에 명명 서비스의 객체는 객체에 대한 레퍼런스를 나타낸다. 예를 들면, 서버에 레퍼런스를 제공하는 객체는 통상적으로 오픈 서버 커넥션이 아닌 서버에 대한 레퍼런스로서 명명 서비스 에 의해 저장된다.명명 서비스 에 의해 리턴된 레퍼런스 객체는 필요시에 서버 커넥션을 생성하기 위해 사용될 수 있다.

다음 그림은 컨텍스트의 개념도이다. top 컨텍스트는 /top로 불리며 객체, 레퍼런스, 그리고 다른 컨텍스트들을 포함한다. 컨텍스트 /top은 subcontexts b 와 g를 갖는다. 컨텍스트 /top/g는 subcontext "b"를 갖는다. A라고 불리는 객체가 하나 이상 일지라도, 특정 개체 /top/g/b/a는 그 위치가 컨텍스트 /top/g/b임이 분명하기 때문에 찾을 수가 있다.

바인딩된 객체들에 대한 데이터를 제공하는 명명서비스를 디렉토리라고 부른다.

가령, 파일시스템 디렉토리는 일반적으로 크기, 타입, 접근 허용 그리고 파일을 생성하고 수정한 날짜에 관한 정보를 제공한다. 몇몇 디렉토리는 이름으로 검색, 애트리뷰트의 조합으로 검색 모두를 허용한다.

각각의 명명 서비스들은 각자의 태스크(task)에 잘 맞도록 되어있지만, 그들이 작동하는 방식은 서로 다르다. 각 명명 서비스는 고유의 명명규칙, 검색기능, 바인딩과 디렉토리 프로토콜(directory protocols)과 객체 서비스 인터페이스(object service interfaces)를 갖는다.

JNDI는 네트워크 서비스를 이름짓고 찾기 위해 일관된 방법을 제공한다.

Java Naming and Directory Interface

JDBC 데이터베이스 커넥션(database connections), JMS 큐(JMS queues) 혹은 엔터프라이즈 빈 홈 인터페이스(enterprise bean home interfaces)와 같은 네트워크 객체에 액세스하기 위해 JNDI 를 사용하는 방법을 이미 알고 있을 것이다.

사실 JNDI 는 이름들을 객체로 매핑하지만, JNDI 는 명명 서비스가 아니다.

그보다도 JNDI는 명명 서비스를 표준적인 방법으로 액세스가능하게 하면서 기존의 명명 서비스를 감추는(wrap) 인터페이스들의 집합이다.

다음 그림에서 보는 것과 같이, 자바 애플리케이션은 JNDI인터페이스를 이용해서 감춰진(underlying) 명명 서비스에 액세스한다.

애플리케이션내의 코드는 JNDI 인터페이스 메소드를 호출한다. 이러한 메소드를 구현하는 객체들은 JNDI 인터페이스 호출을 감춰진 명명 서비스에 대한 호출로 매핑한다.

또한 JNDI는 통합된 명명 규칙도 정의한다. JNDI 이름들은 JNDI의 명명 관리자(naming manager)에 의해 감춰진 명명 서비스의 명명 규칙을 따르는 이름으로 매핑된다.

javax.naming 패키지는 다음과 같은 명명과 디렉토리에 관련된 인터페이스들을 포함한다.

javax.naming.Context는 컨텍스트를 나타내는데, 이것은 바인딩과 서브컨텍스트를 찾고 관리하는 데에 쓰인다.
javax.naming.Name는 명명 서비스의 이름을 추상적으로 표현(abstract representation)하게 해준다.
javax.naming.Binding은 명명 서비스 이름과 그 이름에 바인딩된 객체의 표현이다.
javax.naming.Reference는 객체의 복사본을 얻어낼 수 있게 해준다.

컨텍스트 찾기

이 팁에 포함된 샘플코드는 JNDI컨텍스트의 컨텐츠를 열거하는 방법을 보여준다.

샘플 서블릿Oct2003Servlet는 사용자가 입력한 이름에 해당하는 JNDI namespace내의 컨텐츠를 찾고 디스플레이한다.

컨텍스트를 얻는 가장 쉬운 방법은javax.naming.InitialContext 클래스의 인스턴스를 생성하는 것이다. 샘플 서블릿 메소드 jndiList는 최초의 컨텍스트를 생성하고 명명된 객체를 찾을 때 그것을 사용한다.

InitialContext ic = new InitialContext();
Object objFound = ic.lookup(name);

여기에서 name은 사용자가 HTML페이지에서 입력한 HTTP GET 혹은 POST변수명(vriable name)이다. 만약 리턴된 객체가 Context라면 jndiList는 listContext 메소드를 호출하고, ListContext 메소드는 주어진 이름에 해당하는 컨텍스트의 컨텐츠를 열거한다. 객체가 DataSource이면, jndiList는 명명된 데이터 소스에 관한 정보를 출력한다.

listContext 메소드는 주어진 JNDI 컨텍스트의 컨텐츠를 하나의 테이블로 출력한다. 이를 위해서는 Context 메소드 listBindings를 이용하는데, 이는 NamingEnumeration 를 리턴한다.

NamingEnumeration ne = context.listBindings("");

NamingEnumeration는 java.util.Enumeration를 구현한 것이다. NamingEnumeration.next 메소드는 javax.naming.Binding 타입의 객체를 리턴하고, 이는 객체의 이름과 객체의 클래스 이름 그리고 저장된 객체 자체를 포함한다.

while (ne.hasMore()) {
	Binding ncp = (Binding)ne.next();
	String objName = ncp.getName();
	String objClass = ncp.getClassName();
	Object objObj = ncp.getObject();
	...
}

단순히 Context내의 이름들과 클래스이름을 보고자 한다면 Context.list 메소드를 이용할 수 있다.

Context.list도 NamingEnumeration를 리턴하지만, 그것이 담고있는 컬랙션은 Binding이 아닌 NameClassPair타입이다. NameClassPair는 이름과 객체 클래스 이름만을 포함한다.

샘플애플리케이션을 배포하고 실행하는 방법은 샘플코드 실행하기를 참고한다.

애플리케이션을 실행하면, 다음과 같은 시작페이지를 보게 된다.

컨텍스트를 입력하거나, 텍스트 필드를 빈 상태로 놔두고 명명된 컨텍스트의 컨텐츠를 보기 위해 List버튼을 클릭한다. 예를 들면 jdbc 의 엔트리는 다음과 같은 화면을 디스플레이한다.

JNDI 에 관한 더 자세한 정보는 JNDI 튜토리얼를 참고한다.

source : http://blog.naver.com/kvivaldi.do?Redirect=Log&logNo=60004720636

길고양이

seevaa — Mon, 04 Apr 2011 13:57:13 +0900

밥달라는 건지;;;
내 엉덩이 밑으로 들어가서 자리잡아버린;; ㅋ

20110403

seevaa — Sun, 03 Apr 2011 14:48:02 +0900

iPhone 에서 작성된 글입니다.

블랙스완

seevaa — Tue, 29 Mar 2011 11:28:24 +0900

source - http://www.imdb.com/media/rm1503101184/tt0947798

본다 본다 하다 결국 다운받아서 봤는데... 처음부터 끝까지 긴장하고 본 영화, 굳!!!

CSS - the Selector syntax

seevaa — Thu, 24 Mar 2011 17:56:04 +0900

Pattern	Meaning	Described in section	level
*	any element	Universal selector	2
E	an element of type E	Type selector	1
E[foo]	an E element with a "foo" attribute	Attribute selectors	2
E[foo="bar"]	an E element whose "foo" attribute value is exactly equal to "bar"	Attribute selectors	2
E[foo~="bar"]	an E element whose "foo" attribute value is a list of whitespace-separated values, one of which is exactly equal to "bar"	Attribute selectors	2
E[foo^="bar"]	an E element whose "foo" attribute value begins exactly with the string "bar"	Attribute selectors	3
E[foo$="bar"]	an E element whose "foo" attribute value ends exactly with the string "bar"	Attribute selectors	3
E[foo*="bar"]	an E element whose "foo" attribute value contains the substring "bar"	Attribute selectors	3
E[foo\|="en"]	an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en"	Attribute selectors	2
E:root	an E element, root of the document	Structural pseudo-classes	3
E:nth-child(n)	an E element, the n-th child of its parent	Structural pseudo-classes	3
E:nth-last-child(n)	an E element, the n-th child of its parent, counting from the last one	Structural pseudo-classes	3
E:nth-of-type(n)	an E element, the n-th sibling of its type	Structural pseudo-classes	3
E:nth-last-of-type(n)	an E element, the n-th sibling of its type, counting from the last one	Structural pseudo-classes	3
E:first-child	an E element, first child of its parent	Structural pseudo-classes	2
E:last-child	an E element, last child of its parent	Structural pseudo-classes	3
E:first-of-type	an E element, first sibling of its type	Structural pseudo-classes	3
E:last-of-type	an E element, last sibling of its type	Structural pseudo-classes	3
E:only-child	an E element, only child of its parent	Structural pseudo-classes	3
E:only-of-type	an E element, only sibling of its type	Structural pseudo-classes	3
E:empty	an E element that has no children (including text nodes)	Structural pseudo-classes	3
E:link E:visited	an E element being the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited)	The link pseudo-classes	1
E:active E:hover E:focus	an E element during certain user actions	The user action pseudo-classes	1,2
E:target	an E element being the target of the referring URI	The target pseudo-class	3
E:lang(fr)	an element of type E in language "fr" (the document language specifies how language is determined)	The :lang() pseudo-class	2
E:enabled E:disabled	a user interface element E which is enabled or disabled	The UI element states pseudo-classes	3
E:checked	a user interface element E which is checked (for instance a radio-button or checkbox)	The UI element states pseudo-classes	3
E::first-line	the first formatted line of an E element	The ::first-line pseudo-element	1
E::first-letter	the first formatted letter of an E element	The ::first-letter pseudo-element	1
E::before	generated content before an E element	The ::before pseudo-element	2
E::after	generated content after an E element	The ::after pseudo-element	2
E.warning	an E element whose class is "warning" (the document language specifies how class is determined).	Class selectors	1
E#myid	an E element with ID equal to "myid".	ID selectors	1
E:not(s)	an E element that does not match simple selector s	Negation pseudo-class	3
E F	an F element descendant of an E element	Descendant combinator	1
E > F	an F element child of an E element	Child combinator	2
E + F	an F element immediately preceded by an E element	Adjacent sibling combinator	2
E ~ F	an F element preceded by an E element	General sibling combinator	3

source - http://www.w3.org/TR/css3-selectors/#selectors

grayscale

seevaa — Wed, 23 Mar 2011 19:22:58 +0900

128개 다 구분할 수 있는지 보세요~

Bookmark - 20110309 : NHN, HTML Elements의 id/class(CSS selector) 네이밍

seevaa — Wed, 09 Mar 2011 11:33:56 +0900

Source : NHN > NULI > Guidelines > Naming

Naming Guidelines

Ext JS, Cross-Browser Rich Internet Application Framework

seevaa — Tue, 08 Mar 2011 09:50:44 +0900

Ext JS, Cross-Browser Rich Internet Application Framework

Ext JS is the developer's choice for building powerful desktop web applications using JavaScript and web standards.

Official : http://www.sencha.com/products/extjs/
Demo : http://dev.sencha.com/deploy/dev/examples/
Docs : http://dev.sencha.com/deploy/dev/docs/
Tutorials : http://www.sencha.com/learn/Tutorials

Ext JS Overview
With Ext JS, you can develop pixel-perfect, cross-platform web apps with ease. Whether you're a single developer or a development team, the Ext JS component model keeps your code well structured so even the largest applications can be easily maintained. And other developers' components plug-in seamlessly. Best of all, Ext JS provides an encyclopedic-collection of user interface widgets with a elegant starting theme. These are just a few of the reasons why Ext JS is the leading choice of developers everywhere.

아래는 데꾸벅님의 정리글들, 저처럼 입문자에게 오아시스같은 존재;;
http://techbug.tistory.com/category/Scripter/EXTJS

Bookmark - 20110307 : iPhone User Interface Framework

seevaa — Mon, 07 Mar 2011 21:25:00 +0900

아이폰용 웹앱 프레임워크 iUI: iPhone User Interface Framework
http://code.google.com/p/iui/

아이폰용 웹사이트를 만들기 쉽도록 프레임워크를 오픈소스로 제공하고 있다.

iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices.

Create Navigational Menus and iPhone-style interfaces from standard HTML
Use or knowledge of JavaScript is not required to create modern mobile web pages
Ability to handle phone orientation changes
Provide a more "iPhone-like" experience in your Web apps

For more information, see the Introduction page.

JSP - Tiles를 이용한 레이아웃 템플릿 처리

seevaa — Fri, 04 Mar 2011 18:47:41 +0900

컴포지트 뷰(Composite View) 패턴을 구현한 라이브러리 중에서 현재 널리 사용되고 있는 라이브러리는 Tiles 2로서, http://tiles.apache.org/download.html 사이트에서 최신버전을 다운로드 받을 수 있다. 현재 최신버전은 2.2.2이고 자바 5 또는 그 이상 버전에서 동작한다.

필요한 jar 파일을 WEB-INF/lib 디렉터리에 복사한다.
web.xml에 초기화 코드 추가
Tile 2 설정파일 작성
레이아웃 템플릿 JSP 파일 작성
템플릿을 사용하는 JSP 파일 작성

미니 코드

gate.jsp

<%@ page contentType="text/html; charset=euc-kr" %>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<tiles:insertDefinition name="test" />

tiles-test.xml

<?xml version="1.0" encoding="euc-kr" ?>
<!DOCTYPE tiles-definitions PUBLIC
       "-//Apache Software Foundation//DTD Tiles Configuration 2.1//EN"
       "http://tiles.apache.org/dtds/tiles-config_2_1.dtd">

<tiles-definitions>
	<definition name="test" template="/container.jsp">
		<put-attribute name="title" value="Hello" />
		<put-attribute name="header" value="/header.jsp" />
		<put-attribute name="menu" value="/side.jsp" />
		<put-attribute name="content" value="/content.jsp" />
	</definition>
</tiles-definitions>

web.xml

...
	<servlet>
		<servlet-name>tiles</servlet-name>
		<servlet-class>org.apache.tiles.web.startup.TilesServlet</servlet-class>
		<init-param>
			<param-name>
				org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG
			</param-name>
			<param-value>
				/WEB-INF/tiles-test.xml
			</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
...  
</web-app>

container.jsp

<%@ page contentType="text/html; charset=euc-kr" %>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<html>
	<head>
		<title><tiles:getAsString name="title" /></title>
	</head>
	<body>
		<table width="100%" border="1" cellpadding="0" cellspacing="0">
			<tr>
				<td colspan="2"><tiles:insertAttribute name="header" /></td>
			</tr>
			<tr>
				<td valign="top"><tiles:insertAttribute name="menu" /></td>
				<td valign="top"><tiles:insertAttribute name="content" /></td>
			</tr>
		</table>
	</body>
</html>

TilesDispatchServlet을 사용하면 웹 요청 URI와 동일한 이름을 같는 Definition을 바로 클라이언트에 출력할 수 있다. TilesDispatchServlet을 사용하려면 <servlet>태그를 이용해서 TilesDispatchServlet을 web.xml 파일에 등록하고, <servlet-mapping>을 이용해서 TilesDispatchServlet이 처리할 확장자를 설정하면 된다.

web.xml

<servlet>
	<servlet-name>TilesDispatchServlet</servlet-name>
	<servlet-class>
		org.apache.tiles.web.util.TilesDispatchServlet
	</servlet-class>
</servlet>
<servlet-mapping>
	<servlet-name>TilesDispatchServlet</servlet-name>
	<url-pattern>*.tiles</url-pattern>
</servlet-mapping>

Oracle - Sequence Syntax

seevaa — Fri, 04 Mar 2011 12:01:51 +0900

고유한 숫자를 자동적으로 생성
일반적으로 Primary Key로 사용
메모리에 적재되기 때문에 효율성 증가
공유 가능한 객체
정해진 값만 돌고 자동으로 없어진다.
보통 s,sq,sqe 로 시작한다.

Sequence 생성

CREATE SEQUENCE sequenceName
	[INCREMENT BY n]
	[START WITH n]
	[MAXVALUE n | NOMAXVALUE]
	[MINVALUE n | NOMINVALUE]
	[CYCLE | NOCYCLE]
	[CACHE n | NOCACHE]

SQL>CREATE SEQUENCE SEQ_TEST
	INCREMENT BY 1
	START WITH 20
	MAXVALUE 25
	NOCYCLE
/

테이블 칼럼에서 사용법

SEQ_TEST.NEXTVAL, SEQ_TEST.CURRVAL

SQL>INSERT INTO TEST VALUES(SEQ_TEST.NEXTVAL, ...);

Sequence 변경

alter를 사용하며 start with를 빼야된다. start with값은 변경이 불가능 하다.

SQL>ALTER SEQUENCE SEQ_TEST
	INCREMENT BY -2
	MINVALUE 20
	NOCYCLE
/

Sequence 조회

SQL>SELECT * FROM USER_SEQUENCES;

Sequence 값 조회

SQL>SELECT SEQ_TEST.CURRVAL FROM DUAL;

Sequence 삭제

SQL>DROP SEQUENCE SEQ_TEST;

Eclipse - properties 플러그인

seevaa — Fri, 04 Mar 2011 11:34:36 +0900

자바의 리소스 번들은 java.util.Properties 클래스에 정의된 방법으로 파일을 읽어오는데, java.util.Properties 클래스는 알파벳이나 숫자, 라틴문자 등을 제외한 나머지 언어에 대해서는 유니코드에서의 코드 값으로 표현하도록 하고 있다.

properties는 각 글자를 유니코드 숫자로 표시한 형태로 변환한 것만을 사용할 수 있다. 이 변환은 JDK가 제공하는 native2ascii.exe를 통해서 처리할 수 있다.

...\classes\resource\message_ko.properties.src
------------------------------------------------
TILTE = 타이틀
ID = 아이디
PW = 패쓰워드
SUBMIT = 입력

C:\...\resource>native2ascii message_ko.properties.src message_ko.properties

이클립스에서 자동으로 이과정을 처리하기 위해 properties 플러그인을 설치하면된다.
help>>install new software에서
http://propedit.sourceforge.jp/eclipse/updates 추가 설치하면된다.
성공적으로 플러그인이 설치되면 아래와 같이 아이콘이 바뀐다.

seevaa.net

페이지 속 특정부분만 인쇄

링크 요소(a element)의 href 속성과 자바스크립트의 사용

의미 없는 href 값을 사용한 경우

팝업창을 열 때(window.open)

Image Thumbnail 만들기

정규식 표현으로 필드값 검사하기

파라미터 관련 유틸

JSTL

Spring - ServletRequestUtils

Oracle & sqlplus 설정

오라클 설치시 주의

Window에서 오라클 삭제

Sql 사용을 위한 셋팅

Sql 바탕화면 단축 아이콘 만들기

line size setting

샤방샤방 세차장

XMLHttpRequest Object

Create an XMLHttpRequest Object

Example

Send a Request To a Server

Spring - view를 결정하기

13.5.3. view로 redirect하기

13.5.3.1. RedirectView

13.5.3.2. redirect: 접두사

13.5.3.3. forward: 접두사

Basic Filter for Index

: animated Selector

: eq Selector

: even Selector

: first Selector

: gt Selector

: header Selector

: last Selector

: lt Selector

: not Selector

: odd Selector

Table 7 - short film

mybatis - sql.xml(product search)

java - ThreadLocal 클래스

mybatis - LIKE절에 parameter값 넣기

20110406

Eclipse 플러그인

JNDI

JNDI의 소개

Java Naming and Directory Interface

컨텍스트 찾기

길고양이

20110403

블랙스완

CSS - the Selector syntax

grayscale

Bookmark - 20110309 : NHN, HTML Elements의 id/class(CSS selector) 네이밍

Ext JS, Cross-Browser Rich Internet Application Framework

Bookmark - 20110307 : iPhone User Interface Framework

JSP - Tiles를 이용한 레이아웃 템플릿 처리

Oracle - Sequence Syntax

Sequence 생성

테이블 칼럼에서 사용법

Sequence 변경

Sequence 조회

Sequence 값 조회

Sequence 삭제

Eclipse - properties 플러그인

Create an `XMLHttpRequest` Object

13.5.3.1. `RedirectView`

13.5.3.2. `redirect:` 접두사

13.5.3.3. `forward:` 접두사

`: animated Selector`

`: eq Selector`

`: even Selector`

`: first Selector`

`: gt Selector`

`: header Selector`

`: last Selector`

`: lt Selector`

`: not Selector`

`: odd Selector`