당구치는 개발자

퍼시스턴스(Persitence)

퍼시스턴스는 데이터의 지속성을 의미. 즉 애플리케이션을 종료하고 다시 실행하더라도 이전에 저장한 데이터를 다시 불러올수있는 기술.

퍼시스턴스 프레임

프레임워크(Framework)

라이브러리가(library)가 개발에 필요한 도구들을 단순히 나열해 놓은 것이라면 프레임워크(framework)는 동작에 필요한 구조를 어느 정도 완성해 놓은 반제품 형태의 도구입니다.

퍼시스턴스 프레임워크

퍼시스턴스 프레이임워크는 데이터의 저장, 조회, 변경, 삭제를 다루는 클래스 및 삭제를 다루는 클래스 및 설정 파일들의 집합

퍼시턴스 프레임워크를 사용하면 JDBC프로그래밍의 복잡함이나 번거로움 없이 간단한 작업만으로 데이터베이스와 연동되는 시스템을 빠르게 개발할 수 있습니다. 안정적인 구동도 보장되므로 금상첨화가 아닐수 없습니다.

퍼시스턴스 프레임워크에는 SQL문장으로 직접 DB데이터를 다루는 'SQL 맵퍼(mapper)와 자바 객체를 통해 간접적으로 DB데이터를 다루는 객체 관계 맵퍼(Object-Relational mapper)' 가 있습니다. SQL 맵퍼의 대표주자로 'mybatis(이전버전의 이름은 iBATIS)'가 있고, 객체관계 맵퍼의 대표 주자로 하이버네이트(Hibernate)'와 '탑링크('TopLink)'가 있습니다.

mybatis

mybatis의 핵심은 개발과 유지보수가 쉽도록 소스코등 박혀있는 SQL을 별도의 파일로 분리하는것. 또한 단순하고 반복적인 JDBC코드를 캡슐화하여 데이터베이스 프로그래밍을 간결하게 만드는 것입니다.

mybatis 작동 흐름

1. 데이터 처리를 위해 DAO는 mybatis에 제공하는 객체의 메서드를 호출

2. mybatis는 SQL문이 저장된 맵퍼 파일에서 데이터 처리에 필요한 SQL문을 찾는다.

3. mybatis는 맴퍼 파일에서 찾은 SQL을 서버에 보내고자 JDBC드라이버를 사용

4. JDBC 드라이버는 SQL문을 데이터베이스 서버로 보낸다.

5. mybatis는 select문의 실행 결과를 값 객체에 담아서 반환, insert, update, delete 문인 경우 입력, 변경, 삭제된 레코드의 개수를 반환.

일반적으로 DAO에서 mybatis를 사용하는 시나리오.

1. Dao는 SqlSessionFactory에게 SQL을 실행할 객체를 요구한다.

2. SqlSessionFactory는 SqlSession 객체를 생성하여 반환한다.

3. Dao는 SqlSession 객체에게 SQL실행을 요청

4. SqlSession 객체는 SQL이 저장된 맵퍼 파일(XML) 에서 SQL을 찾는다.

5. SqlSession은 JDBC드라이버를 통해 데이터베이스에 질의를 실행

6. SqlSession은 데이터베이스로부터 가져온 질의 결과를 객체로 생성하여 반환

7. Dao는 사용이 끝난 SqlSession을 닫는다.

mybatis 사용 준비

mybatis를 사용하기위해서 관련 라이브러리 파일을 다음 사이트에서 내려받자.

mybatis github : http://github.com/mybatis

jar배포파일 다운받는 페이지 : https://github.com/mybatis/mybatis-3/releases

배포된 압축파일을 풀면

mybatis-3.2.7.jar 파일과 의존 라이브러들을 해당 웹프로젝트의 /WebContent/WEB-INF/lib 폴더에 복사.

단 중복 파일이 있으면 버전이 낮은 파일을 삭제

mybatis 프레임워크의 핵심 컴포넌트

[표] mybatis의 핵심 컴포넌트

DAO 에서 SqlSessionFactory 사용

SqlSessionFactory는 SQL을 실행할때 사용할 도구를 만들어줌.

DAO 클래스에서 SqlSessionFactory를 저장할 인스턴스 변수와 셋터 메서드를 선언

SqlSessionFactory sqlSessionFactory;

public void setSqlSessionFactory(SqlSessionFactory sqlSessionFactory) {

this.sqlSessionFactory = sqlSessionFactory;

}

SqlSession 사용

SqlSession은 SQL을 실행하는 도구.

이 객체는 직접 생성할수 없고, SqlSessionFactory를 통해서만 얻을수있다.

SqlSession sqlSession = sqlSessionFactory.openSession();

try {

return sqlSession.selectList("test.dao.testDao.selectList");

//List<E> selectList(String sqlId)

//sqlId = SQL 맵퍼의 네임스페이스 이름 + 맵퍼파일에 있는 SQL문 ID

//List<E> selectList(String sqlId, Object parameter)

//SELECT문을 실행하는데 값이 필요하다면 위와 같이 두번째 매개변수로 값을 전달.

} finally {

sqlSession.close();

}

[표] SqlSession의 주요 메서드

SqlSession의 메서드와 매개변수 값 전달.

DAO 일부 .....

sqlSession.insert("test.dao.testDao.insert", project);

.....

맵퍼파일 일부 ...

<insert id="insert" parameterType="project">

insert into PROJECTS_web(PNO, PNAME,CONTENT,STA_DATE,END_DATE,STATE,CRE_DATE,TAGS)

values ( projects_web_pno_seq.nextval, #{title},#{content},#{startDate},#{endDate},0,sysdate,#{tags})

</insert>

.....

=> #{프로퍼티명} ​자리에 project객체의 프로퍼티 값이 온다.

객체의 프로퍼티란? 인스턴스 변수를 말하는 것이 아니라 겟터/셋터를 가리키는 용어, 프로퍼티 이름은 겟터/셋터 메서드의 이름에서 추출.

예를 들어 #{title} 자리에는 project객체의 getTitle() 반환값이 놓이게 된다.

commit()과 rollback() 메서드

DBMS는 INSERT, UPDATE, DELETE문을 실행하면 그 작업 결과를임시 데이터베이스에 보관. 클라이언 요청이 있어야만 임시 데이터베이스의 작업물을 운영 데이터베이스에 반영

commit()은 임시 데이터베이스에 보관된 작업결과를 운영 데이터베이스에 적용하라고 요청할때 사용하는 메서드

int count = sqlSession.insert("spms.dao.ProjectDao.insert",project);

sqlSession.commit();

return count;

rollback()은 임시 데이터베이스의 작업 결과를 운영 데이터베이스에 반영하지 않고 취소할때 호출.

자동 커밋 (Auto-commit)

INSERT, UPDATE, DELETE 을 실행할때 자동으로 커밋하고 싶다면 SqlSession객체를 생성할때 true 전달.

SqlSession sqlSession = sqlSessionFactory.openSession(true);

=> 자동 커밋으로 설정해 놓고 쓰면 편리하지만 트랜잭션을 다룰수없음.

SQL 맵퍼 파일 작성

동적 SQL의 사용

SQL문을 동적으로 생성.

동적 SQL엘리먼트 : mybatis는 동적 SQL을 위한 엘리먼트를 제공. JSTL코어 라이브러리에 정의된 태그들과 비슷.

[표] 동적 SQL을 작성할때 사용하는 엘리먼트들

mybatis 설정파일

mybatis프레임워크의 동작 환경을 설정하는 파일

mybatis설정 파일의 루트 엘리먼트는 configuration 입니다.

[표] configuration의 주요 자식엘리먼트들

iBatis란?

더 빠른 JDBC 코딩을 위한 일반화된 프레임워크

- SQL 매퍼 + DAO 프레임워크

iBatis는 데이터베이스에 있는 자원들을 보다 편리하게 가져오기 위한 프레임워크이다.

XML서술자를 사용해서 간단하게 자바빈즈를 PreparedStatement의 바인드 변수인 파라미터와

ResultSet으로 맵핑시켜주는 기능으로  SQL Maps 또한 ORM이라고도 한다.

iBATIS 데이터 매퍼 프레임워크는 관계형 데이터베이스에  접근할 때 가독성, 유지보수성, 생산성 등을 향상시켜준다.

특징

간결함과 쉬운 접근성

다른 프레임워크와 객체관계맵핑툴에 비해 가장 간단한 퍼시스턴스 프레임워크

iBATIS 데이터 매퍼를 사용하기 위해서 자바빈즈와 XML 그리고 SQL만 알면 추가적으로 배워야 할것이 거의 없고

테이블을 조인하거나 복잡한 쿼리문을 수행하기 위해 필요한 복잡한 스키마도 없다.

데이터 매퍼를 사용하면 실제 SQL문의 모든 기능을 그대로 사용할수 있으며,

XML 형태로 서술된 JDBC 코드라고 생각해도 될 만큼 JDBC에 적용되는 거의 모든 기능은 iBATIS에서도 잘 적용된다

데이터베이스 관리자와 SQL 프로그래머 양 쪽 모두 이해하기 용이하다

생산성의 향상

JDBC와 SQL을 유지하면서도 훨씬 더 적은 코드로도 JDBC처럼 작동

자바코드의 20%를 사용하여 JDBC기능의 80%를 제공하는 간단한 프레임워크

작성할 필요가 없는 JDBC 코드로 인한 분량 문제는 현저하게 줄어듬 (JDBC에 비해 62%정도)

일반적으로 프레임워크는 장황한 코드를 제거하고 복잡한 구조적인 문제를 해결하면서 공통적인 작업을 수행하기 위해 존재  

성능

구조적 강점 - 데이터 접근 속도 높여주는 JOIN매핑

여러가지 방식의 데이터 가져오기 전략

      불필요한 수천 개의 행을 한꺼번에 데이터베이스로부터 가져오는 것 X

      가져오기 미루기, SQL 줄이기 기법

=> 애플리케이션의 성능을 명백히 향상  

SQL 문장과 프로그래밍 코드의 분리

작업의 분배 - 팀을 세분화하는 것을 도움

SQL문과 Java코드와의 분리만으로도 Java개발자는 Query문을 신경쓰지 않아도 된다.

SQL문이 변경되더라도 파라미터 값만 변경되지 않는다면 Java소스에서 수정할 부분이 없기 때문이다.

이식성

어떤 프로그래밍 언어로도 구현가능하다

 예) 자바, C#(iBATIS.NET), Ruby(RBATIS)

데이터베이스 접근 클래스와 비즈니스 로직을 담은 클래스의 분리

이른바 DAO(Data Access Object) 패턴이 이러한 일을 담당한다.

 ibatis는 DAO 계층 구현을 위한 유틸리티 성격이면서 동시에 best practice 역할도 수행한다.

자주 쓰이는 데이터를 변경되지 않는 동안에 임시 보관(Cache)

ibatis 에선 XML 설정만으로 캐시를 할 수 있다.

트랜젝션과 쓰레드 관리

트랜젝션 처리 역시 용이하다.

출처 : http://blog.naver.com/poloecko/70094791801

========================================================================================================

Java에서 사용되는 ORM툴 중 Hibernate와 iBatis중 국내 많은 업체들이 iBatis를 선택한 이유는 여러 설정이 필요한 Hibernate에 비해 iBatis는 직관적이여서(SQL문을 직접 쓰기때문) 이해가 빠르기 때문일것이다.

 하지만 세계적 추세는 Hibernate를 중시하며 추진하는 분위기며 (제7회 공감 개발자세미나)  유연한 확장성과 대처에는 Hibernate가 좋다고 한다. 

 하지만 국내 개발환경(협의 후 테이블 구축 유지)에는 iBatis가 좀더 유용하며 주류가 되는 추세이다. 쿼리문의 처리에는 iBatis가 조금더 성능이 우세하다.

  2010년 6월16일 이후 구글코드로 이전함에 따라 myBatis로 개명하였다*. 하지만 편의와 대중성을 위해 iBatis로 진행하겠다.

*창시자인 Clinton Begin이 iBatis의 모든 코드를 apache재단 에 기부함에 따라 이름도 바꾸었다고한다.

1. iBatis의 특징

1) 간결함, 쉬운 접근성

sql문을 xml에 그대로 서술하기 때문에 기존 sql문처리에 익숙한 개발자들이 다가가기 쉽다.

그에 따른 장점으로 개발자와 DB관리의 양쪽 모두 이해에 용이하다.

2) 생산성의 향상

JDBC의 많은 설정을 간결하게 줄여줌으로 인해 개발자의 작성분량을 줄여준다.

3) 성능

성능최적화 기법을 지원한다.

ex)예를 들어 가장 중요한 기능이라면 페이징 처리된 데이터 리스트를 읽어와서 사용할 때 불필요한 수천개의 행을 한꺼번에 데이터베이스로부터 가져오는것이 아니기 때문에 어플리케이션의 성능을 향상시킬수있다. 

(이해가안되서 그냥 그대로 타이핑하였다. 코드상 처리의 장점을 말하는것 같다.)

출처 : http://metalbird.tistory.com/entry/iBatis%EB%9E%80

========================================================================================================

#iBatis란?

  iBatis(아이바티스)는 SQL에 기반한 데이터베이스와 자바. 닷넷, 루비등을 연결시켜주는 역할을 하는 영속성 프레임워크이다. 이러한 연결은 프로그램의 소스코드에서 SQL문장을 분리하여 별도의 XML 파일로 저장하고 이 둘을 서로 연결시켜주는 방식으로 작동한다.

#데이터매퍼

  iBatis 데이터매퍼 API는 프로그래머에게 자바빈즈 객체를 PreparedStatement 파라미터와 ResultSets으로 쉽게 매핑할 수 있도록 한다. 이는 자바코드의 20%를 사용하여 JDBC기능의 80%제공하는 간단한 프레임워크라는 뜻이다.

  데이터 매퍼는 자바빈즈, Map구현체, 원시래퍼타입(String, Integer..) 그리고 SQL문을 위한 XML문서를 매핑하는 XML서술자를 사용하는 매우 간단한 프레임워크를 제공한다. 데이터 매퍼가 관리하는 생명주기는 다음과 같다.

출처 : http://javaclass1.tistory.com/150

========================================================================================================

iBATIS는 간단한 XML서술자를 사용해서 간단하게 자바빈즈를 SQL statement에 맵핑시킨다. 간단함(Simplicity)이란 다른 프레임워크와 객체관계맵핑툴에 비해 iBATIS의 가장 큰 장점이다. iBATIS Data Mapper를 사용하기 위해서 당신은 자바빈즈와 XML 그리고 SQL에 친숙할 필요가 있다. 여기엔 배워야 할것도 거의 없고 테이블을 조인하거나 복잡한 쿼리문을 수행하기 위해 필요한 복잡한 스키마도 없다. Data Mapper를 사용하면 당신은 실제 SQL문의 모든 기능을 가질수 있다. JDBC 로만 프로그래밍 할 때의 번거로움을 줄여주기 위해 재사용 모듈로 개발된 것인데 그 주요한 어려움을 ibatis 개발자 가이드에서 다음과 같이 정리하고 있다.

• SQL 문장과 프로그래밍 코드의 분리
• JDBC 라이브러리를 통해 매개변수를 전달하고 결과를 추출하는 일
• 데이터베이스 접근 클래스와 비즈니스 로직을 담은 클래스의 분리
• 자주 쓰이는 데이터를 변경되지 않는 동안에 임시 보관(Cache)
• 트랜젝션과 쓰레드 관리

출처 : http://blog.empas.com/ahnyounghoe/11535652

========================================================================================================

출처 : http://beans.tistory.com/36

========================================================================================================

IBatis 는 XML 에 정의한 SQL 문을 이용하여 일반적으로 작성하는 데이터베이스 프로그래밍의 코드를 현저하게 줄여주는 Database Mapper Framework 이다.

IBatis 는 Apache Project 에서 나온 오픈소스이며, 자바진영에서는 매우 많이 사용되는 Data Mapper 프레임워크이다.

IBatis Site 는 http://ibatis.apache.org/ 이며, for.NET 메뉴를 선택하면 해당 프로그램과 도큐멘트를 받을 수 있다.

일반적으로 Web Form 에서 사용자가 데이터를 입력하고 submit 을 하게 되면 데이터베이스에 입력하기 위해서 아래와 같은 방법을 취하게 된다.

1. 입력된 데이터 검증.

2. SqlConnection 생성 및 연결

3. SqlCommand 에 파라미터를 대입

4. 데이터베이스에 입력

5. 데이터베이스 연결 종료

이것을 코드로 표현하면 아래와 같다.

-------------------------------------------------------------------------

String sql = "INSERT INTO member (userName, userId, passwd, email, regDate, etc) "

+ " VALUES (@userName, @userId, @passwd, @email, @regDate, @etc)";

SqlConnection conn = new SqlConnection(connectionStr);

SqlCommand command = new SqlCommand();

command.Connection = conn;

command.CommandText = sql;

command.Parameters.AddWithValue("@userName", userName.Text);

command.Parameters.AddWithValue("@userId", userId.Text);

command.Parameters.AddWithValue("@passwd", passwd.Text);

command.Parameters.AddWithValue("@email", email.Text);

command.Parameters.AddWithValue("@regDate", DateTime.Now);

command.Parameters.AddWithValue("@etc", etc.Text);

int affectedRow = command.ExecuteNonQuery();

conn.close();

-------------------------------------------------------------------------

이런 식으로 데이터 입력이 된다.

command 객체에 입력 파라미터를 대입하는 부분이 데이터를 입력하는 부분마다 이런식으로 작업이 되면 계속되는 반복작업으로 효율성이 떨어지게 된다.

뭐 이런 부분들을 작업이 용이하게 만들면 되지 라고 할 수도 있겠지만, 자동화 시키려면 DataSet 이나, 형식화된 DataSet, 사용자 정의 Property, Map 으로 작업해야 하지만, 여기에서 또 문제가 생긴다. 트랜잭션은 어떻게 자동화 시킬 것이며, 매개변수로 넘어오는 object 들을 SqlCommand 객체에 대입할 것이며 등등...

거 리플렉션으로 넘어오는 Object 들을 분석해서 SqlCommand 랑 대입하면 되잖아 할수도 있지만.. 만들려고 하면 이것저것 생각할 것도 많고, 상당히 귀찮은 일이 된다.

그리고 일을 하다 보면 프로그램을 실제 구현하는 것보다, 남이 만들어 놓은 프로그램을 구해서 작업을 더 많이 하게 되고, 이런 작업속에서 문제가 생겼을 경우 검색엔진을 통해서 남이 먼저 한 삽질을 찾아내서 나의 삽질을 고치게 된다.

이러한 부분을 IBatis.NET 을 이용하면 많은 부분이 해결된다.

위의 코드를 IBatis 로 대입하면 아래와 같이 된다.

1. 먼저 특정 테이블의 컬럼과 형식이 일치하는 객체를 만든다.

2. 해당 객체에 사용자가 제출한 값을 입력한다.

3. IBatis 를 입력하여 데이터를 저장한다.

간략하게 소스를 보자

--------------------------------------------------------------------

// 테이블과 1:1로 대응하는 Object생성

MemberItem memItem = new MemberItem();

// 데이터베이스에 입력 할 값들을 Object에 입력

// 아래 소스를 PropertyBinder.Bind(memItem) 처럼 자동화

memItem.UserName = UserName.Text;

memItem.UserId = UserId.Text;

memItem.Passwd = Passwd.Text;

memItem.Email = Email.Text;

memItem.RegDate = DateTime.Now;

memItem.Etc = Etc.Text;

// IBatis 를 이용하여 데이터 입력

IBatisNet.DataMapper.Mapper.Instance().Insert("createMember", memItem);

------------------------------------------------------------------------

소스가 상당히 간략해 졌다.

여기에서 중요한 부분이 있는데 SqlConnection, SqlCommand 를 생성한 부분이 없다.

연결 문자열 같은 경우는 별도의 설정 파일에 미리 입력해 두면 되고, 이 정보를 이용하여

IBatis 의 Insert() 가 호출 되면 데이터베이스 입력에 필요한 객체들이 자동으로 만들어 지게 된다.

또한 위의 소스중에서 IBatisNet.DataMapper.Mapper.Instance().Insert("createMember", memItem);

부분의 Insert 메소드에 "createMember" 라는 부분은 별도의 XML 파일에 정의된 쿼리를 지칭한다.

아래의 xml 부분이 sql query 를 별도로 저장해 놓은 부분이다.

<?xml version="1.0" encoding="utf-8" ?>

<sqlMap namespace="LineItem" xmlns="http://ibatis.apache.org/mapping" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >

  <resultMaps>

     <resultMap id = "memberMap" class="Member.MemberDTO">

        <result property="idx" column="idx" />

        <result property="userId" column="userId" />

        <result property="passwd" column="passwd" />
        <result property="userName" column="userName" />
        <result property="email" column="email" />
        <result property="etc" column="etc" />
        <result property="regDate" column="regDate" />
     </resultMap>
  </resultMaps>

<statements>
   <insert id="createMember" parameterClass="Member.MemberItem">
         INSERT INTO member (userName, userId, passwd, email, regDate, etc)
         VALUES (#userName#, #userId#, #passwd#, #email#, #regDate#, #etc#)
       <selectKey property="idx" type="post" resultClass="int">
          select @@IDENTITY as value
       </selectKey>
     </insert>
  </statements>
</sqlMap>

출처 : http://blog.daum.net/cycos88/8

<style>

.table1_1 table {

width:100%;

margin:15px 0

}

.table1_1 th {

background-color:#AAEBAA;

color:#000000

}

.table1_1,.table1_1 th,.table1_1 td

{

font-size:0.95em;

text-align:center;

padding:4px;

border:1px solid #dddddd;

border-collapse:collapse

}

.table1_1 tr:nth-child(odd){

background-color:#e2f8e2;

}

.table1_1 tr:nth-child(even){

background-color:#fdfdfd;

}

</style>

<table class=table1_1>

<tr>

<th>SAMPLE</th><th>SAMPLE</th><th>SAMPLE</th>

</tr>

<tr>

<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>

</tr>

<tr>

<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>

</tr>

<tr>

<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>

</tr>

<tr>

<td>SAMPLE</td><td>SAMPLE</td><td>SAMPLE</td>

</tr>

</table>

버튼(button)으로 팝업(popup) 띄우기

ex>
onclick="window.open('URL', '_blank', 'width=730, height=750, toolbar=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no' );"

window.open(주소, 창, 옵션); <== 이런식으로 사용 하며 됩니다.

fullscreen  = yes를 주면 창이 전체 창으로 뜹니다. (기본값은 no)
location  = yes를 주면 주소창이 활성화 됩니다. (기본값은 yes)
menubar  = yes를 주면 툴바가 나옵니다. (기본값은 yes)
resizable  = yes를 주면 창 사이즈 변경이 가능 합니다. (기본값은 yes)
scrollbars  = yes를 주면 창 스크롤바가 생깁니다. (기본값은 yes)
titlebar = yes를 주면 타이틀바가 나옵니다.  (기본값은 yes)
toolbar = yes를 주면 툴바가 나옵니다. (기본값은 yes)
width = 열리는 창의 가로 크기
height = 열리는 창의 세로 크기

출처 : http://hunelee.blogspot.kr/2014/01/javascriptbutton-popup.html

안녕하세요?

이번엔 HTML 5 의 File API 를 살펴보려 합니다.

이젠 Web Application 으로 사용자 PC 의 파일을 건드릴 수 있습니다. File API 로 요... 이젠 훨씬 더 많은 일들을 할 수 있겠죠?
엄청나다고 생각하지 않으신가요?

20-1. File API Interface

• File interface
• FileReader interface

File interface 를 사용하면 File 의 File Name 이나 Size 등 기본적인 정보에 접근 할 수 있습니다.
File Reader interface 는 File 의 내용을 읽을 수 있는 기능을 제공합니다.

아... 갑자기 걱정하시는 분들이 계시겠죠?
그럼. 보안은? 이라고...
File interface 는 Browser 가 막 건드릴 수있는 것이 아니라 File 선택 Form 이나 Drag & Drop 을 통해서 사용자가 직접 선택한 File에 한정되므로 안심해도 좋을 것입니다. 


20-2. File interface

File interface 가 가지고 있는 속성과 함수는 다음과 같습니다.

위 사항들은 아래 예제에서 사용법을 확인하실 수 있을 것입니다.

20-3. FileReader interface

FileReader interface 는 비동기적인 상황에서 사용을 하는데요.
다음은 FileReader interface 가 가지고 있는 속성과 함수들입니다. 

20-4. Error

다음은 FileReader 가 동작하는 중에 발생하는 Error 에 대한 상수값들입니다.

20-5. 사용법

File interface 는 다음과 같이 사용할 수있습니다. File Name 과 File Size 를 조회합니다.

다음은 FileReader 를 생성하여 사용하는 방법입니다.

20-6. 예제

이젠 위 내용들을 바탕으로 예제를 살펴보겠습니다.
아래 예제는 File interface 와 FileReader interface 를 사용하여 File 을 선택하여 File 의 이름과 Size 를 표시하고, File 의 내용을 읽어 TextBox 에 표시합니다.

여러분들께서도 한번 작성하시고 실행시켜보십시요.

비동기 방식의 FileReaderSync 도 있습니다만 Worker 안에서 사용해야하고 FileReader 보다는 간단하다는 특징이 있습니다. 
다른 사항들은 거의 비슷하므로 접근하기는 비동기방식의 FileReader보다 훨씬 쉬우실 것입니다.


이제까지 File API 를 살펴보았습니다.
이젠 Web Page 에서 내 PC 의 File 을 읽기위해서 File 을 서버로 Upload 할 필요가 없습니다.
그만큼 Server 의 부하도 줄일수 있겠고, Upload 하고 File 을 읽고 다시 읽은 Streaming 을 내 PC 로 받는 등의 진행되는 동안의 대기 시간이 줄어들 것입니다.


위의 내용들은
혁명을 꿈꾸다 HTML5 & API 입문
을 참고 하였습니다.

출처 : http://www.sqler.com/402253