자바스크립트: DataResult 객체 사용하기 [1]

Script

자바스크립트: DataResult 객체 사용하기 [1]


    자바 스크립트 – DataResult 객체 사용하기 [1]


1. DataResult 객체 사용하기

(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 Design 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

 

1)    SQlite DB를 생성한다.

(1)   인터넷에서 DB Browser for SQlite를 설치한다.

800aa72a18fb3c7d1330706959cdd7ab_1585664261_6801.png
 

(https://sqlitebrowser.org/dl/)

자신의 컴퓨터 환경에 맞는 버전을 다운로드한다.

 

(1)   DB Browser (SQlite)를 실행한다.

800aa72a18fb3c7d1330706959cdd7ab_1585664311_1114.png 

800aa72a18fb3c7d1330706959cdd7ab_1585664364_3796.png
 

 

(2)   데이터베이스를 새로 생성한다.

800aa72a18fb3c7d1330706959cdd7ab_1585664444_6605.png
 

(3)   테이블 정보를 아래와 같이 설정한다.

800aa72a18fb3c7d1330706959cdd7ab_1585664469_0088.png
 

●  id: INTEGER 타입. Primary key, Autoincrement 설정

  ctime: datetime 타입. Unique 설정. 기본값 -> CURRENT_TIMESTAMP

  name: TEXT 타입

  content: TEXT 타입


 

(4)   생성한 테이블에 임의의 값을 채워넣는다.

800aa72a18fb3c7d1330706959cdd7ab_1585664496_4094.png


 1) 배경을 설정한다.

  (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다.



  (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다.



(3) 배경으로 사용하고 싶은 이미지를 선택하고 열기를 누른다.


(4) 생성한 이미지 객체를 객체 탐색기에서 잠근다.


 

3)    보기 탭에서 데이터 소스를 누르고 SQlite DB를 추가한다.

800aa72a18fb3c7d1330706959cdd7ab_1585664864_7315.png


4)    데이터소스에서 생성한 SQlite DBSElECT SQl을 하나 추가한다.

800aa72a18fb3c7d1330706959cdd7ab_1585664940_5405.png

  쿼리 내용: SElECT id, ctime, name, content FROM sample_table;


1)    디자인 창에서 리스트뷰를 하나 생성한다.

 ca0d032174bf181e5fe994c16245161c_1585797308_7227.png


2)    리스트뷰의 속성 편집 창에서 ListView 항목의 Columns 속성을 변경한다.

ca0d032174bf181e5fe994c16245161c_1585797344_1703.png

(1)   열을 넷 추가한다.

ca0d032174bf181e5fe994c16245161c_1585797361_7213.png

(2)   각 열을 아래와 같이 설정한다.


  column1

 ca0d032174bf181e5fe994c16245161c_1585797380_3093.png



  column2

ca0d032174bf181e5fe994c16245161c_1585797394_7833.png


  column3

ca0d032174bf181e5fe994c16245161c_1585797428_0108.png

 

  column4

ca0d032174bf181e5fe994c16245161c_1585797463_4603.png


3)    생성한 리스트 아래에 레이블 객체를 하나 생성한다.

ca0d032174bf181e5fe994c16245161c_1585797498_3797.png



4)    레이블의 텍스트를 아래처럼 편집한다.

ca0d032174bf181e5fe994c16245161c_1585797522_1918.png



5)    스크립트 창에서 아래와 같이 스크립트를 작성한다.

ca0d032174bf181e5fe994c16245161c_1585797559_4596.png



6)    생성한 레이블의 클릭 이벤트에 스크립트 함수를 지정한다.

ca0d032174bf181e5fe994c16245161c_1585798024_8011.png

7)     F5나 실행 버튼을 눌러 뷰어를 실행한다.

ca0d032174bf181e5fe994c16245161c_1585798046_2764.png

 

8)     SELECT 레이블을 클릭함으로써 쿼리를 요청할 수 있다.

리스트뷰가 SELECT문의 결과로 채워진다.

 ca0d032174bf181e5fe994c16245161c_1585798067_2715.png


※ F12 키를 눌러 출력된 페이지 스크립트 로그를 볼 수 있다.

 ca0d032174bf181e5fe994c16245161c_1585798107_5388.png

0 Reply Comment
Title