'분류 전체보기' 카테고리의 글 목록 (24 Page)

Ext JS 4 시작하기 (1)

JavaScript/ExtJS / 2011. 9. 12. 23:50

다운로드

http://www.sencha.com/products/extjs/download/ 에서 Ext JS 4 를 다운로드 받습니다.
이 글을 작성하는 시점에는 Ext JS 4.0.2a 를 GPL 로 제공합니다.

Ext JS 4 디렉토리 구성

다운로드 받은 파일의 압축을 풀고, 아래의 디렉토리/파일을 작업 폴더로 복사 합니다.

/resources
/src
/ext.js
/ext-debug.js

작업 디렉토리는 Ext JS 에서 제공하는 가이드 대로 아래와 같이 구성하였습니다.

웹 애플리케이션의 시작점인 index.html 을 프로젝트 루트에 아래와 같이 생성합니다.

app.js 의 생성

모든 Ext JS 4 애플리케이션은 Application 클래스의 인스턴스로 부터 시작됩니다.

Ext.application({ name: 'Vicki', appFolder: 'app', launch: function() { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'panel', title: 'Users', html : '사용자 리스트' } ] }); } });

Ext.Application 에서 애플리케이션에 대한 별도의 설정이 가능합니다.

name 속성을 통해 전역변수를 설정하고 Ext.Loader 에 네임스페이스를 등록합니다.
appFolder 속성은 위에서 등록한 네임스페이스의 클래스 구조를 설정한 디렉토리를 설정합니다.
launch 함수는 애플리케이션 생성이 불려지는 함수를 정의합니다.

프로그램을 실행시키면 아래와 같은 화면이 나옵니다.

참고자료

http://docs.sencha.com/ext-js/4-0/#!/guide/application_architecture

저작자표시

Posted by 자수씨

, |

m2eclipse + WTP ... 팁???

Eclipse / 2011. 9. 9. 11:09

기존에 메이븐 디펜던시와 WTP 를 연동해서 쓸 때는 ".classpath" 파일을 수정해서 사용하였습니다.

/.classpath

위의 방법보다는 배포와 직접 연관이 있는 "org.eclipse.wst.common.component" 파일을 수정하는게 일관성이 있어보입니다.

/.settings/org.eclipse.wst.common.component

<project-modules id="moduleCoreId" project-version="1.5.0">
<wb-module>
    ...
    <dependent-module deploy-path="/WEB-INF/lib"
        handle="module:/classpath/con/org.maven.ide.eclipse.MAVEN2_CLASSPATH_CONTAINER">
      <dependency-type>consumes</dependency-type>
    </dependent-module>
    ...
  </wb-module>
</project-modules>

나만 그런가;;;

저작자표시

Posted by 자수씨

, |

[Ext JS 4] SingleElementArray extend JsonReader

JavaScript/ExtJS / 2011. 9. 8. 17:33

Employee = Ext.define('Employee', {
    extend: 'Ext.data.Model',
    fields: [
        'id',
        {name: 'name', mapping: 1},
        {name: 'occupation', mapping: 2}
    ]
});
var myReader = new Ext.data.reader.Array({
    model: 'Employee'
}, Employee);

Ext 에서 제공해주는 ArrayReader 는 위와 같은 방식으로 정의를 하며, 데이터는 아래와 같은 방식이여야 합니다.

[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ]

하지만 아래와 같이 하나의 배열에 담긴 데이터가 들어올 때 읽어들일 수 있는 방법은 존재하지 않습니다. (찾아본 바로는...)

[ 'vicki.co.kr', 'tistory.com', 'daum.net' ]

ArrayReader 로 읽더라도 스토어에는 'v', 't', 'd' 와 같이 앞의 한자리만 가지고오게 됩니다.

/app/ux/data/reader/SingleElementArray.js

위와 같이 단일 요소 배열도 처리할 수 있는 ArrayReader 를 확장한 후 아래와 같이 사용하면 끝~ 입니다.

저작자표시

Posted by 자수씨

, |

[Ext JS 4.0] Grid - DeletableRowEditing

JavaScript/ExtJS / 2011. 9. 7. 15:38

Ext JS 4.0 에서 제공해주는 "Row Editing Grid" 는 아래와 같이 Update 와 Cancel 버튼 밖에 없습니다.
(http://docs.sencha.com/ext-js/4-0/#!/example/grid/row-editing.html)

위의 기능에 Delete 버튼이 있으면 좋을 것 같아서 클래스를 확장해 보았습니다.

/app/ux/grid/plugin/DeletableRowEditing.js

/app/ux/grid/DeletableRowEditor.js

Ext.define('WO.ux.grid.DeletableRowEditor', {
	extend: 'Ext.grid.RowEditor',
	
	deleteBtnText: 'Delete',
	
	// override
	getFloatingButtons: function() {
		var me = this, cssPrefix = Ext.baseCSSPrefix, btnsCss = cssPrefix + 'grid-row-editor-buttons', plugin = me.editingPlugin, btns;
		
		if (!me.floatingButtons) {
			btns = me.floatingButtons = Ext.create('Ext.Container', {
				renderTpl: ['<div class="{baseCls}-ml"></div>', '<div class="{baseCls}-mr"></div>', '<div class="{baseCls}-bl"></div>', '<div class="{baseCls}-br"></div>', '<div class="{baseCls}-bc"></div>'],
				
				renderTo: me.el,
				baseCls: btnsCss,
				layout: {
					type: 'hbox',
					align: 'middle'
				},
				defaults: {
					margins: '0 1 0 1'
				},
				items: [{
					itemId: 'update',
					flex: 1,
					xtype: 'button',
					handler: plugin.completeEdit,
					scope: plugin,
					text: me.saveBtnText,
					disabled: !me.isValid
				}, {
					flex: 1,
					xtype: 'button',
					handler: Ext.Function.pass(plugin.deleteRow, [me.context.record], plugin),
					scope: plugin,
					text: 'Delete'
				}, {
					flex: 1,
					xtype: 'button',
					handler: plugin.cancelEdit,
					scope: plugin,
					text: me.cancelBtnText
				}]
			});
			
			// Prevent from bubbling click events to the grid view
			me.mon(btns.el, {
				// BrowserBug: Opera 11.01
				//   causes the view to scroll when a button is focused from mousedown
				mousedown: Ext.emptyFn,
				click: Ext.emptyFn,
				stopEvent: true
			});
		}
		return me.floatingButtons;
	},
	
	deleteRow: function(record) {
		var me = this;
		
        me.hide();
	}
	
});

위와 같이 Editing 클래스와 Editor 클래스를 확장한 후 그리드 패널에 위에서 생성한 플러그인으로 설정하면 됩니다.

Row Editing Grid 정의

Deletable Row Editing Grid 정의
- 리스너에 deleterow 이벤트 핸들러를 추가하여 수정 중인 행에 대한 record 인자로 받아 처리합니다.
(나중에 내공이 더 쌓이면 내부 기능으로 붙여버리는 것도 고려를... 으흠...)

저작자표시

Posted by 자수씨

, |

Spring Data JPA 맛보기 (3)

Spring/Spring Data / 2011. 9. 5. 14:51

지난 번 포스팅에서 작성한 코드에 대한 테스트 코드를 만들어보겠습니다.

1. 테스트 클래스 생성

/spring-data-sample/src/test/java/kr/co/vicki/sample/spring/data/jpa/repository/IMemberRepositoryTest.java

위의 테스트 코드를 실행하니 아래와 같은... 시퀀스가 없다고 합니다.

하이버네이트 용 시퀀스를 생성합니다.

코드를 실행하면 결과는 체크가 불가능하지만 녹색바가 뜨기 때문에 정상 동작한다고 생각합니다 -ㅅ-;;;

2. JpaRepository 의 이용

JpaRepository 는 기존에 사용하였던 CrudRepository 와 PagingAndSortingRepository 를 상속받는 구조입니다.

기존에 사용하였던 CRUD 외에 페이징과 소팅도 지원을 하며 메소드 이름을 통해 쿼리 제너레이션이 가능합니다.

IMemberRepository 의 superclass 를 JpaRepository 로 변경한 후 아래와 같이 메소드를 추가합니다.

findByMemberId(String memberId) 메소드는 메소드 이름 통해 쿼리를 생성하여 실행되게 됩니다.

select m from Member m where m.memberId = ?1

아래와 같은 규칙으로 메소드 이름으로 쿼리가 생성되니 참고를...

Keyword	Sample	JPQL snippet
And	findByLastnameAndFirstname	… where x.lastname = ?1 and x.firstname = ?2
Or	findByLastnameOrFirstname	… where x.lastname = ?1 or x.firstname = ?2
Between	findByStartDateBetween	… where x.startDate between 1? and ?2
LessThan	findByAgeLessThan	… where x.age < ?1
GreaterThan	findByAgeGreaterThan	… where x.age > ?1
IsNull	findByAgeIsNull	… where x.age is null
IsNotNull,NotNull	findByAge(Is)NotNull	… where x.age not null
Like	findByFirstnameLike	… where x.firstname like ?1
NotLike	findByFirstnameNotLike	… where x.firstname not like ?1
OrderBy	findByAgeOrderByLastnameDesc	… where x.age > ?1 order by x.lastname desc
Not	findByLastnameNot	… where x.lastname <> ?1

SQL 없이 직관적으로 코딩이 가능한 Spring Data JPA!!! 실제 개발 프로젝트에 적용시키까지는 많은 시간이 걸리겠지만 컨셉은 아주 상콤합니다!!!

저작자표시

Posted by 자수씨

, |

Spring Data JPA 맛보기 (2)

Spring/Spring Data / 2011. 9. 5. 12:43

이전 포스팅에 이어 샘플 소스를 작성해보도록 하겠습니다.

1. 테이블 생성
샘플 테스트에 사용할 테이블을 아래 스크립트를 실행시켜 생성합니다.

2. domain, repository 소스 구성

Member 클래스: id 컬럼을 기본적으로 제공해주는 AbstractPersistable 를 상속받습니다.
- kr.co.vicki.sample.spring.data.jpa.domain.Member

package kr.co.vicki.sample.spring.data.jpa.domain;

import java.util.Date;

import javax.persistence.Column;
import javax.persistence.Entity;

import org.springframework.data.jpa.domain.AbstractPersistable;

@Entity
public class Member extends AbstractPersistable<Long> {

private static final long serialVersionUID = -7580946962260808515L;
	
	@Column(name = "MEMBER_ID", nullable = false)
	private String memberId;
	
	@Column(name = "MEMBER_NAME", nullable = false)
	private String memberName;
	
	@Column(name = "MEMBER_DESC")
	private String memberDesc;
	
	@Column(name = "INSERT_DATE")
	private Date insertDate;
	
	@Column(name = "UPDATE_DATE")
	private Date updateDate;

/**
	 * @return the memberId
	 */
	public String getMemberId() {
		return memberId;
	}

/**
	 * @param memberId the memberId to set
	 */
	public void setMemberId(String memberId) {
		this.memberId = memberId;
	}

/**
	 * @return the memberName
	 */
	public String getMemberName() {
		return memberName;
	}

/**
	 * @param memberName the memberName to set
	 */
	public void setMemberName(String memberName) {
		this.memberName = memberName;
	}

/**
	 * @return the memberDesc
	 */
	public String getMemberDesc() {
		return memberDesc;
	}

/**
	 * @param memberDesc the memberDesc to set
	 */
	public void setMemberDesc(String memberDesc) {
		this.memberDesc = memberDesc;
	}

/**
	 * @return the insertDate
	 */
	public Date getInsertDate() {
		return insertDate;
	}

/**
	 * @param insertDate the insertDate to set
	 */
	public void setInsertDate(Date insertDate) {
		this.insertDate = insertDate;
	}

/**
	 * @return the updateDate
	 */
	public Date getUpdateDate() {
		return updateDate;
	}

/**
	 * @param updateDate the updateDate to set
	 */
	public void setUpdateDate(Date updateDate) {
		this.updateDate = updateDate;
	}

}

IMemberRepository 클래스: id 를 이용하여 기본적인 CRUD 를 제공해주는 CrudRepository 를 상속받습니다.
- kr.co.vicki.sample.spring.data.jpa.repository.IMemberRepository

3. 환경 설정

/META-INF/persistence.xml (JPA 설정)

/infrastructure.xml (DB 환경 설정)

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:jdbc="http://www.springframework.org/schema/jdbc"
	xsi:schemaLocation="http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc-3.0.xsd
                http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd">

</beans>

/repository-context.xml (jpa repository 등록)

이제 테스트 코드를 만들일만 남았습니다.

저작자표시

Posted by 자수씨

, |

Spring Data JPA 맛보기 (1)

Spring/Spring Data / 2011. 9. 5. 12:07

Spring Data JPA 가 눈에 들어와서 간략한 튜토리얼을 작성합니다.

1. Maven 프로젝트 생성하기

이클립스에서 "New Maven Project" 로 Spring Data JPA 용 프로젝트를 생성합니다.

생성 시에 "Create a simple project (skip archetype selection)" 을 체크하시면 좀 더 빠르게 구조화된 프로젝트 구성이 가능합니다.

빌드 패스에서 "JRE System Library" 를 1.4 에서 1.6 으로 변경하고 /src/test/resource 를 삭제하면 위와 같은 구성이 됩니다.

2. pom.xml 설정

pom.xml 에 디펜던시와 플러그인과 관련된 설정을 적용합니다.

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>kr.co.vicki</groupId>
	<artifactId>spring-data-sample</artifactId>
	<version>0.0.1-SNAPSHOT</version>

<properties>
		<spring.version>3.0.5.RELEASE</spring.version>
		<jpa.version>2.0.0</jpa.version>
		<junit.version>4.8</junit.version>
		<hibernate.version>3.5.6-Final</hibernate.version>
		<slf4j.version>1.6.1</slf4j.version>
		<aspectj.version>1.6.8</aspectj.version>
		<jodatime.version>1.5.2</jodatime.version>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
	</properties>

<repositories>
		<repository>
			<id>repository.springframework.maven.release</id>
			<name>Spring Framework Maven Release Repository</name>
			<url>http://maven.springframework.org/release</url>
		</repository>
		<repository>
			<id>repository.springframework.maven.milestone</id>
			<name>Spring Framework Maven Milestone Repository</name>
			<url>http://maven.springframework.org/milestone</url>
		</repository>
		<repository>
			<id>repository.springframework.maven.snapshot</id>
			<name>Spring Framework Maven Snapshot Repository</name>
			<url>http://maven.springframework.org/snapshot</url>
		</repository>
		<repository>
			<id>jboss</id>
			<name>JBoss repository</name>
			<url>https://repository.jboss.org/nexus/content/repositories/releases</url>
		</repository>
	</repositories>

<dependency>
			<groupId>org.springframework.data</groupId>
			<artifactId>spring-data-jpa</artifactId>
			<version>1.0.0.RELEASE</version>
		</dependency>

<dependency>
			<groupId>junit</groupId>
			<artifactId>junit</artifactId>
			<version>${junit.version}</version>
			<scope>test</scope>
		</dependency>

<dependency>
			<groupId>log4j</groupId>
			<artifactId>log4j</artifactId>
			<version>1.2.16</version>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-test</artifactId>
			<version>${spring.version}</version>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.hamcrest</groupId>
			<artifactId>hamcrest-all</artifactId>
			<version>1.1</version>
			<scope>test</scope>
		</dependency>

<dependency>
			<groupId>org.hibernate.javax.persistence</groupId>
			<artifactId>hibernate-jpa-2.0-api</artifactId>
			<version>1.0.0.Final</version>
		</dependency>
		<dependency>
			<groupId>org.hibernate</groupId>
			<artifactId>hibernate-entitymanager</artifactId>
			<version>${hibernate.version}</version>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.slf4j</groupId>
			<artifactId>slf4j-log4j12</artifactId>
			<version>${slf4j.version}</version>
			<scope>runtime</scope>
		</dependency>

<dependency>
			<groupId>com.oracle</groupId>
			<artifactId>ojdbc14</artifactId>
			<version>10.2.0.4.0</version>
		</dependency>

<dependency>
			<groupId>org.hsqldb</groupId>
			<artifactId>hsqldb</artifactId>
			<version>1.8.0.10</version>
			<scope>runtime</scope>
		</dependency>

<dependency>
			<groupId>joda-time</groupId>
			<artifactId>joda-time</artifactId>
			<version>${jodatime.version}</version>
		</dependency>

<dependency>
			<groupId>org.aspectj</groupId>
			<artifactId>aspectjweaver</artifactId>
			<version>${aspectj.version}</version>
			<scope>runtime</scope>
		</dependency>
	</dependencies>

<build>
		<plugins>
			<plugin>
				<groupId>org.apache.maven.plugins</groupId>
				<artifactId>maven-compiler-plugin</artifactId>
				<version>2.3</version>
				<configuration>
					<source>1.6</source>
					<target>1.6</target>
				</configuration>
			</plugin>
		</plugins>
	</build>
</project>

위와 같이 pom.xml 을 설정하고 저장하면, Spring Data JPA 로 개발할 수 있는 기본 환경 구성이 완료되었습니다~

저작자표시

Posted by 자수씨

, |

Throwable 의 stack trace 스트링으로 변환하기

JAVA / 2011. 9. 1. 14:45

예전에 정리해놓은 줄 알았는데;;;; 아니였나보네요~

익셉션이나 에러 발생 시 스택 트레이스를 활용할 때 사용합니다

저작자표시

Posted by 자수씨

, |

32비트 환경에서 발생하는 'Running a 64-bit JVM is not supported on this platform.'

JAVA / 2011. 8. 30. 12:30

32비트 환경에서 32비트 JVM 으로 자바 프로그램을 실행시켰는데 아래와 같은 메시지가 나오면서 프로그램이 종료됩니다.

Running a 64-bit JVM is not supported on this platform.

혹시라도 머신에 64비트 JVM 이 설치되었는지 아무리 뒤져봐도 나오지 않았는데...

실행 스크립트에 아래와 같은 옵션 때문에 발생했던 문제였습니다.

JAVA_OPTS="-showversion -d64 -Xms512m -Xmx1024m -XX:PermSize=64M -XX:MaxPermSize=128M"

JAVA_OPTS="-showversion -d32 -Xms512m -Xmx1024m -XX:PermSize=64M -XX:MaxPermSize=128M"

"-d64" 라는 옵션을 "-d32" 로 변경하고 재구동을 하니 정상동작합니다.

도대체 저걸 왜 달아놓은거지 -_-;;;

저작자표시

Posted by 자수씨

, |

m2eclipse Run 메뉴 수정~

JAVA/Maven / 2011. 8. 19. 12:37

clean 하고 package, install, deploy 하는 작업이 귀찮아서... 플러그인 수정했슴돠...

ㅋㅋㅋ

저작자표시

Posted by 자수씨

, |

불친절한자수씨

카테고리

달력

공지사항

최근에 올라온 글

최근에 달린 댓글

'전체글'에 해당되는 글 1457건

Ext JS 4 시작하기 (1)

다운로드

Ext JS 4 디렉토리 구성

app.js 의 생성

참고자료

m2eclipse + WTP ... 팁???

[Ext JS 4] SingleElementArray extend JsonReader

[Ext JS 4.0] Grid - DeletableRowEditing

Spring Data JPA 맛보기 (3)

Spring Data JPA 맛보기 (2)

Spring Data JPA 맛보기 (1)

Throwable 의 stack trace 스트링으로 변환하기

32비트 환경에서 발생하는 'Running a 64-bit JVM is not supported on this platform.'

m2eclipse Run 메뉴 수정~

글 보관함

최근에 받은 트랙백

링크

티스토리툴바