달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

   

Project Explorer내 위치 선택 > 마우스 우클릭 > New > Other...

   

JavaScript - JavaScrpt Source File

Next

   

File name작성(app.js)

Finish

Posted by codedragon codedragon

댓글을 달아 주세요

 

 

개별 파일선택 후 인코딩 설정하기

해당 파일 선택 > 마우스 우클릭 > Properties

   

Resource > Text file encoding-Other >

UTF-8 설정 > OK

   

파일의 인코딩 방식이 바로 변경되어 한글이 깨지게 됩니다.

그러므로 인코딩 방식 변경 전에 해당파일의 내용을 다른 곳(메모장, Sublime, EditPlus등)에 복사 한 후 인코딩 방식을 변경하시기 바랍니다.

그 다음 인코딩 방식을 변경한 후 복사해 놓은 내용을 해당 파일에 다시 붙여 넣기 하여 인코딩 변경 후에도 한글이 깨지는 문제를 쉽게 해결할 수 있습니다.

   

임시로 저장한 js파일 내용

   

다시 이클립스의 js파일로 붙여넣기 한 화면

   

 

 

 

Posted by codedragon codedragon

댓글을 달아 주세요

 

 

JavaScript Source File(.js)만 인코딩 설정하기

메뉴 > Window > Preferences > General-Context Types > Content types:-Text-JavaScript Source File 선택

   

Default encoding: UTF-8 입력 >

Update > OK

   

이제 부터 새로 만들어지는 js파일은 UTF-8로 지정되어 있습니다.

app3.js생성 후 등록정보 확인

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

 

Workspace 폴더 전체에 인코딩 설정하기

   

메뉴 > Window > Preferences > General-Workspace > Text file enconding-Other

   

Other-UTF-8로 설정 > OK

Workspace의 텍스트 파일에 대해 인코딩이 적용됩니다.

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

인코딩 방식 설정 방법

  • Workspace 폴더 전체에 인코딩 설정하기
  • JavaScript Source File(.js)만 인코딩 설정하기
  • 매번 개별 파일선택 후 인코딩 설정하기

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

http://www.sencha.com/

Products - Sencha Touch 클릭

   

우측의 Download 클릭

   

Working in Open Source? 라고 적힌 곳의 Download버튼 클릭

   

다운 중

   

다운 받은 파일의 압축을 풉니다.

   

압축을 푼 경로

C:\javanAndroid\sencha-touch-2.3.1a-gpl\touch-2.3.1\로 이동합니다.

   

   

해당 폴더 (통째로)2개와 js파일 4개을 이클립스의 WebContent\touch폴더로 복사

폴더

resources

src

파일

sencha-touch.js

sencha-touch-all.js

sencha-touch-all-debug.js

sencha-touch-debug.js

   

이클립스에 복사를 완료한 화면.

설치 완료!

   

   

해당 파일 설명

구분

설명

resources

CSS나 이미지 등 센차터치에서 사용하는 리소스 파일이 존재

src

기능을 수행하는 개별 라이브러리 존재

sencha-touch.js

debug가 붙지 않은 파일형태는 압축된 형태

기초 라이브러리만 있으며 다른 기능을 사용하려면 src폴더내의 파일을 가져와서 써야 합니다.

현업에서 사용

sencha-touch-all.js

debug가 붙지 않은 파일형태는 압축된 형태

현업에서 사용

sencha-touch-all-debug.js

모든 라이브러리 내용을 볼 수 있음

개발 시 사용

sencha-touch-debug.js

모든 라이브러리 내용을 볼 수 있음

개발 시 사용

 

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

02.html-전체 선택자  (0) 2014.09.21
객체의 프로퍼티 접근하기  (0) 2014.09.10
Sencha 라이브러리 설치  (0) 2014.09.04
01.html-객체 생성 2  (0) 2014.09.02
00.jQuery 기본  (0) 2014.08.31
객체 생성1  (0) 2014.08.26
Posted by codedragon codedragon

댓글을 달아 주세요

New > Dynamic Web Project

   

Sencha Touch라이러리를 보관할 별도의 폴더 생성

touch 입력

Finish

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

00.jQuery 기본  (0) 2014.08.31
객체 생성1  (0) 2014.08.26
프로젝트 생성  (0) 2014.08.24
jQuery API 문서 2  (0) 2014.08.23
객체 (Object)  (0) 2014.08.19
전역객체, 전역변수, this바인딩  (0) 2014.08.17
Posted by codedragon codedragon

댓글을 달아 주세요

New > Dynamic Web Project

   

Sencha Touch라이러리를 보관할 별도의 폴더 생성

touch 입력

Finish

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

00.변수와 자료형  (0) 2014.05.24
Sencha Touch(센차터치) 라이브러리 설치  (0) 2014.05.24
Sencha Touch, 프로젝트 생성  (0) 2014.05.24
Sencha API 문서  (0) 2014.05.24
SenchaTouch, 센차터치 홈페이지  (0) 2014.05.24
00.javascript basic  (0) 2014.05.23
Posted by codedragon codedragon

댓글을 달아 주세요

2.3.1API문서 경로

http://docs.sencha.com/touch/2.3.1/

   

http://www.sencha.com/

Community > Documentation

   

Touch부분 이동

라이브러리 버전 클릭

   

API Documentation 클릭

   

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

   

http://www.sencha.com/

   

   

센타터치

내장된 디자인인 네이티브 코드(자바, 오브젝트씨)와 유사함

자바스크립트 라이브러리임

UI를 자바스크립트로 작업해서 자동 변환되어 HTML을 만들어줌

   

   

센차터치의 장점

1) 다양한 UI컴포넌트의 지원, 데이터 처리를 위한 다양한 기술  지원

2) 빠른 처리 속도 앱과 가장 비슷한 UI 화면 제공

3) 쉽고 빠른 개발

4) 신기술 도입 속도가 빠르다.

5) 진정한 웹앱

   

   

웹 서버 환경에서는

처음 실행시 자바스크립트 읽어 들이므로 조금 느릴 수 있습니다.

모바일에서는 웹 전송보다 조금 더 빠른 성능을 보일 수 있습니다.

Posted by codedragon codedragon

댓글을 달아 주세요