'분류 전체보기' 카테고리의 글 목록 (3 Page) IT Code Storage

/126

2014. 12. 16. 09:30

SenchaTouch 1장 - 간단하게 연동법 + Sencha CMD 설치하여 연동법 알아보기

센차터치 연동법에 대하여 알아보도록 하겠습니다.

센차 CMD를 이용하는 방법과 일반적으로 배포되는 소스를 이용한 연동법 2가지가 있습니다.

두가지방법으로 연동해보도록 하겠습니다.

1. SENCHA TOUCH 다운로드

http://www.sencha.com/products/touch/download/

위와같이 화면이 다운로드를 위한 입력폼들이 나옵니다

다음처럼 모든 입력태그에 값을 넣습니다.

그럼 입력된 메일주소로 링크메일이 날라오는데 해당 링크를 클릭해주어서 파일다운로드를 받도록 합니다.

2-1 SenchaTouch 일반 연동법

일반 연동법만으로도 센차터치 동작이 가능합니다.

일반 연동법으로 적용하시거나

Sencha CMD 방식으로 하실분들은 2-2 CMD 방식으로

진행하셔도 무관합니다.

다운로드 후 압축해제를 하셨다면 다음 파일들을 이클립스 웹 프로젝트 생성 후 INCLUDE 하도록 합니다.

resources,src 디렉토리와 sencha-touch.js 파일을 프로젝트 디렉토리에 include합니다.

sencha 디렉토리 생성후 sencha 관련 파일들을 include 하였습니다.

WebContent 밑에 index.html 생성후 다음 코드들을 작성합니다.

센차터치 INCLUDE 파일들

1 2	`<link` `rel="stylesheet"` `href="/sencha/resources/css/sencha-touch.css">` `<script` `type="text/javascript"` `src="/sencha/sencha-touch.js"></script>`

센차터치 로딩을 위한 css 코드 추가

html, body {
    height: 100%;
    background-color: #1985D0
}
 #appLoadingIndicator {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     text-align: center;
     width: 100%;
     height: 30px;
     -webkit-animation-name: appLoadingIndicator;
     -webkit-animation-duration: 0.5s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: linear;
 }
 #appLoadingIndicator > * {
     background-color: #FFFFFF;
     display: inline-block;
     height: 30px;
     -webkit-border-radius: 15px;
     margin: 0 5px;
     width: 30px;
     opacity: 0.8;
 }
 @-webkit-keyframes appLoadingIndicator{
     0% {
         opacity: 0.8
     }
     50% {
         opacity: 0
     }
     100% {
         opacity: 0.8
     }
 }

센차터치 샘플 컴포넌트 출력을 위한 JS코드

Ext.application({
    launch : function(){
             Ext.fly('appLoadingIndicator').destroy();
             var panel = Ext.create('Ext.Panel',{
                    fullscreen : true,
                    items : [{
                        xtype : 'titlebar',
                        title : '센차터치예제'
                    }]
                })
            Ext.Viewport.add(panel);
    }
})

HTML코드

<div id="appLoadingIndicator">
     <div></div>
     <div></div>
     <div></div>
</div>

한번 실행을 해보도록 하겠습니다.

위와같이 나온다면 센차터치 일반 연동법은 완료가 되었습니다.

2-2. Sencha CMD 다운로드

http://www.sencha.com/products/sencha-cmd/

Sencha CMD 연동법을 사용하셔도 무관하나 추가 작업이 있어서

2-1 방식만으로 저는 진행을 하도록 하겠습니다.

Sencha CMD를 이용하셔도 따라오시는데 지장은 없습니다.

URL 접속을 하면 다음 처럼 DOWNLOAD 버튼을 클릭합니다.

그럼 OS별로 자신의 환경에 맞춰서 다운로드 합니다.

(포스팅의 경우는 Windows환경으로 진행합니다)

SENCHA CMD 압축 해제 후 SenchaCmd-x.x.x.exe 파일을 실행합니다.

새폴더 만들기를 이용하여 편의상 D:\senchacmd라는 폴더로 재지정 하였습니다.

sencha cmd 설치가 완료 되었다면 설치 시 신규 디렉토리로 지정했던 D:\senchacmd\Sencha 디렉토리로 이동합니다.

상단을 보시면 Cmd, touch-2.4.1 2개의 디렉토리가 있는데 지금 확인해 보시면 Cmd 디렉토리만 존재하실겁니다.

처음 다운받은 SenchaTouch 압축해제를 하시면 touch-2.x.x 폴더가 있을텐데

이디렉토리를 통째로 sencha cmd 설치 디렉토리의 Cmd 디렉토리와 동일한 위치에 붙여넣기합니다.

실행 하셨다면 sencha cmd가 아닌 윈도우에서 제공되는 cmd 명령어를 이용하여 커맨드 도스창을 실행합니다

최초 로드된 위치에서 "sencha" 라는 명령어실행을 해보겠습니다.

옵션에 대한 정보가 위처럼 나온다면 정상적으로 Sencha CMD 설치가 된것입니다.

※ 만약 위와같이 나오지 않는다면 직접 설치한 Cmd 디렉토리에 cd 명령어로 디렉토리 이동 후 하위에 존재하는 버전 이동하면 sencha.exe라는 파일이 있으니 해당 디렉토리에 이동 하셔서 작업을 진행하셔도 무관합니다.

다음 명령어를 실행 해보도록 하겠습니다.

1	`sencha -sdk D:\senchacmd\Sencha\touch-2.4.1 generate app sencha_study D:\senchacmd\Sencha\sencha_study`

위와같이 동작이 되었다면 성공적으로 센차터치 파일이 생성 된 것입니다.

정상적으로 설치되었는지 설치된 디렉토리를 확인 하겠습니다.

저는 정상적으로 senchatouch 파일생성이 완료되었습니다.

MVC 구조로 생성이 되었네요.

센차 CMD의 장점은 샘플코드 + 구조를 미리 잡아준다는 장점이 있지만

중간에 연동해야하는 작업이 번거로운 단점이 있습니다. ㅠㅠ

위 생성된 파일들을 이클립스에 복사+붙여넣기 하도록 하겠습니다.

※ 저는 Dynamic Web Project를 생성후 tomcat -> server.xml의 Context path를 "/"로 잡은뒤 진행을 하였습니다.

붙여넣기 한 후 다음 톰캣 START 하고 sencha디렉토리내에 있는 index.html을 실행해보았습니다.

http://localhost:7070/sencha/index.html

화면이 브라우저에 위처럼 출력되면 정상적으로 연동이 완료되었습니다.

다음장부터는 각종 컴포넌트 및 기능 구현관련 포스팅을 진행해보도록 하겠습니다.

by 개발로짜

저작자표시 비영리 변경금지

/125

2014. 12. 15. 14:00

리눅스환경에서 MySQL 대소문자 구분을 하지 않기위한 설정방법 알아보기

MySQL 설치 및 utf-8 인코딩 설정에 대하여 포스팅을 해보았습니다.

2014/12/15 - [개발에필요한연동법/리눅스서버구축] - CentOS 에서 MySQL 설치 및 UTF-8 설정하여 한글깨짐 현상 해결하기

윈도우는 보통 자동으로 대소문자 구분을 해주는 반면,

리눅스 환경(CentOS, Ubuntu 등..) 에서는 대소문자 구분이 되지 않을경우

별도로 설정을 추가해주어야 합니다.

예를 들어보고자 test DB의 테이블명 'test_table' 이라는 테이블을 생성 후

대소문자 설정을 해보도록 하겠습니다.

MySQL 접속 후 test DB내에 테이블 생성을 해보도록 하겠습니다.

[root@localhost local]# mysql -uroot -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 4
Server version: 5.1.73 Source distribution
 
Copyright (c) 2000, 2013, Oracle and/or its affiliates. All rights reserved.
 
Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.
 
Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
 
mysql> use test
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A
 
Database changed
mysql> create table test_table (
    -> idx int,
    -> title varchar(50)
    -> );
Query OK, 0 rows affected (0.02 sec)
 
mysql>

테이블 생성이 완료되었다면 테이블명을 대문자로 지정하여 SELECT 해보도록 하겠습니다.

mysql> SELECT * FROM TEST_TABLE;
ERROR 1146 (42S02): Table 'test.TEST_TABLE' doesn't exist
mysql>

test_table 테이블을 찾을수 없다는 에러메시지가 출력이 되는군요.

그렇다면 대소문자 구분에 대한 설정값이 어떻게 되어있는지 확인해보도록 하겠습니다.

mysql> show variables like 'lower_case_table_names';
+------------------------+-------+
| Variable_name          | Value |
+------------------------+-------+
| lower_case_table_names | 0     |
+------------------------+-------+
1 row in set (0.00 sec)
 
mysql>

Value 값이 0일 경우 : 대소문자 구분(O)

Value 값이 1일 경우 : 대소문자 구분(X)

즉, Value값이 현재 0이므로 대소문자 구분을 하게 되있으므로
대문자로 테이블 조회시 존재하지 않는 테이블입니다라는 메시지가 출력된 것입니다.

그렇다면 대소문자 구분을 하지 않기 위해

Value값이 1로 변경을 해주기 위하여 다음 작업을 진행하도록 합니다.

이전 MySQL utf-8 인코딩 설정할때 수정해준 my.cnf 파일을 이용하여

대소문자 구분 설정을 해줘보도록 하겠습니다.

1	`[root@localhost` `local]# vi /etc/my.cnf`

[mysqld]하단에 다음 코드를 추가해주도록 합니다.

1	`lower_case_table_names = 1`

추가가 완료되었다면 mysql 데몬을 재시작하여

다시 한번 대문자로 test_table을 조회해보도록 하겠습니다.

[root@localhost local]# service mysqld restart
mysqld 를 정지 중:                                         [  OK  ]
mysqld (을)를 시작 중:                                     [  OK  ]
[root@localhost local]# mysql -uroot -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 2
Server version: 5.1.73 Source distribution
 
Copyright (c) 2000, 2013, Oracle and/or its affiliates. All rights reserved.
 
Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.
 
Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
 
mysql> use test
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A
 
Database changed
mysql> SELECT * FROM TEST_TABLE;
Empty set (0.00 sec)
 
mysql>

테스트 결과 정상적으로 대문자로 테이블 선언을 하였는데도

정상적으로 조회가 되는 것을 확인 할 수 있습니다.

by 개발로짜

저작자표시 비영리 변경금지

'개발에필요한연동법 > 리눅스서버구축' 카테고리의 다른 글

가상머신에 설치된 CentOS에 SVN Server 구축 후 이클립스로 접속하기 (0)	2014.12.20
CentOS 몽고DB 다운로드 및 환경설정 후 접속테스트까지 간단하게 알아보기 (1)	2014.12.19
CentOS 에서 MySQL 설치 및 UTF-8 설정하여 한글깨짐 현상 해결하기 (0)	2014.12.15
CentOS tomcat-connector를 이용한 아파치 + 톰캣 간단 연동법 알아보기 (17)	2014.12.11
CentOS wget을 이용하여 Apache 2.4 다운로드 및 서버 실행 (방화벽해제 포함) (1)	2014.12.10

/124

2014. 12. 15. 13:00

CentOS 에서 MySQL 설치 및 UTF-8 설정하여 한글깨짐 현상 해결하기

이번 CentOS 6.5에다가 MySQL설치를 간단하게 yum을 이용해보도록 하겠습니다.

MySQL 다운로드는 사이트 접속하여 로그인하고 여러개의 파일들을 다운로드 받아야해서 ;;;

제일먼저 mysql 인스톨을 합니다.

MySQL 인스톨

1	`[root@localhost` `local]# yum -y install mysql*`

설치가 완료되었다면 MySQL 데몬을 실행을 해보도록 하겠습니다.

MySQL DEMON 실행

[root@localhost local]# service mysqld start
MySQL 데이타베이스 초기화 중:  Installing MySQL system tables...
OK
Filling help tables...
OK
 
To start mysqld at boot time you have to copy
support-files/mysql.server to the right place for your system
 
PLEASE REMEMBER TO SET A PASSWORD FOR THE MySQL root USER !
To do so, start the server, then issue the following commands:
 
/usr/bin/mysqladmin -u root password 'new-password'
/usr/bin/mysqladmin -u root -h localhost.localdomain password 'new-password'
 
Alternatively you can run:
/usr/bin/mysql_secure_installation
 
which will also give you the option of removing the test
databases and anonymous user created by default.  This is
strongly recommended for production servers.
 
See the manual for more instructions.
 
You can start the MySQL daemon with:
cd /usr ; /usr/bin/mysqld_safe &
 
You can test the MySQL daemon with mysql-test-run.pl
cd /usr/mysql-test ; perl mysql-test-run.pl
 
Please report any problems with the /usr/bin/mysqlbug script!
 
                                                           [  OK  ]
mysqld (을)를 시작 중:                                     [  OK  ]

정상적으로 데몬이 실행이 되었다면

MySQL 접속테스트를 진행해보겠습니다.

※ 초기 root계정의 패스워드는 없으므로 Enter password부분은 그냥 Enter키를 눌러서 넘겨주도록 합니다.

MySQL 접속테스트

[root@localhost local]# mysql -uroot -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 2
Server version: 5.1.73 Source distribution
 
Copyright (c) 2000, 2013, Oracle and/or its affiliates. All rights reserved.
 
Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.
 
Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
 
mysql> 

이제는 MySQL의 인코딩 타입을 확인해보도록 합니다.

mysql> show variables like 'c%';
+--------------------------+----------------------------+
| Variable_name            | Value                      |
+--------------------------+----------------------------+
| character_set_client     | latin1                     |
| character_set_connection | latin1                     |
| character_set_database   | latin1                     |
| character_set_filesystem | binary                     |
| character_set_results    | latin1                     |
| character_set_server     | latin1                     |
| character_set_system     | utf8                       |
| character_sets_dir       | /usr/share/mysql/charsets/ |
| collation_connection     | latin1_swedish_ci          |
| collation_database       | latin1_swedish_ci          |
| collation_server         | latin1_swedish_ci          |
| completion_type          | 0                          |
| concurrent_insert        | 1                          |
| connect_timeout          | 10                         |
+--------------------------+----------------------------+
14 rows in set (0.00 sec)
 
mysql>

인코딩 확인 결과 대부분의 character_set이 latin1로 설정이 되어있습니다.

이럴경우 한글깨짐 현상이 발생할 확률이 크므로

latin1인코딩 타입을 utf8 타입으로 변경해주도록 하겠습니다.

리눅스 환경일 경우 my.cnf 파일을 수정해주시면 되겠고

윈도우 환경은 my.ini 파일을 수정해주시면 되겠습니다.

저는 리눅스 환경이므로 my.cnf 파일을 수정해보도록 하겠습니다.

1	`[root@localhost` `local]# vi /etc/my.cnf`

하단 각 [xxxx] 선언이 되있는 하단에 각 인코딩 설정코드들을 추가해주도록 합니다.

[xxxx] 자체가 없다면 [xxxx] 부분도 같이 추가해주도록 합니다. ^^

[client]
#추가
default-character-set = utf8
[mysqld]
#추가
init_connect="SET collation_connection = utf8_general_ci"
init_connect="SET NAMES utf8"
default-character-set = utf8
character-set-server = utf8
collation-server = utf8_general_ci
[mysqldump]
#추가
default-character-set = utf8
[mysql]
#추가
default-character-set = utf8

위 인코딩 설정을 모두 잡아주었다면 데몬을 재시작 후

다시 한번 인코딩타입을 재확인해보도록 하겠습니다.

MySQL 데몬 재시작

[root@localhost local]# service mysqld restart
mysqld 를 정지 중:                                         [  OK  ]
mysqld (을)를 시작 중:                                     [  OK  ]
[root@localhost local]#

[root@localhost local]# mysql -uroot -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 2
Server version: 5.1.73 Source distribution
 
Copyright (c) 2000, 2013, Oracle and/or its affiliates. All rights reserved.
 
Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.
 
Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
 
mysql> show variables like 'c%';
+--------------------------+----------------------------+
| Variable_name            | Value                      |
+--------------------------+----------------------------+
| character_set_client     | utf8                       |
| character_set_connection | utf8                       |
| character_set_database   | utf8                       |
| character_set_filesystem | binary                     |
| character_set_results    | utf8                       |
| character_set_server     | utf8                       |
| character_set_system     | utf8                       |
| character_sets_dir       | /usr/share/mysql/charsets/ |
| collation_connection     | utf8_general_ci            |
| collation_database       | utf8_general_ci            |
| collation_server         | utf8_general_ci            |
| completion_type          | 0                          |
| concurrent_insert        | 1                          |
| connect_timeout          | 10                         |
+--------------------------+----------------------------+
14 rows in set (0.00 sec)
 
mysql>

위처럼 설정 후 MySQL의 인코딩타입을 확인해 본 결과

모든 인코딩이 utf8 환경으로 변경 된 것을 확인 할 수 있었습니다.

MySQL 한글 깨짐현상 문제에 대하여 해결이 되시길... ^^

by 개발로짜

저작자표시 비영리 변경금지

'개발에필요한연동법 > 리눅스서버구축' 카테고리의 다른 글

CentOS 몽고DB 다운로드 및 환경설정 후 접속테스트까지 간단하게 알아보기 (1)	2014.12.19
리눅스환경에서 MySQL 대소문자 구분을 하지 않기위한 설정방법 알아보기 (0)	2014.12.15
CentOS tomcat-connector를 이용한 아파치 + 톰캣 간단 연동법 알아보기 (17)	2014.12.11
CentOS wget을 이용하여 Apache 2.4 다운로드 및 서버 실행 (방화벽해제 포함) (1)	2014.12.10
CentOS 6.5 - Tomcat7 다운로드 + 서버 실행 및 방화벽 해제 알아보기 (0)	2014.12.09

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

SenchaTouch 1장 - 간단하게 연동법 + Sencha CMD 설치하여 연동법 알아보기

리눅스환경에서 MySQL 대소문자 구분을 하지 않기위한 설정방법 알아보기

CentOS 에서 MySQL 설치 및 UTF-8 설정하여 한글깨짐 현상 해결하기

1. SENCHA TOUCH 다운로드

2-1 SenchaTouch 일반 연동법

센차터치 INCLUDE 파일들

센차터치 로딩을 위한 css 코드 추가

센차터치 샘플 컴포넌트 출력을 위한 JS코드

HTML코드

2-2. Sencha CMD 다운로드

'개발에필요한연동법 > 리눅스서버구축' 카테고리의 다른 글

MySQL 인스톨

MySQL DEMON 실행

MySQL 접속테스트

MySQL 데몬 재시작

'개발에필요한연동법 > 리눅스서버구축' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역