IT 프로그래밍/JSP2014. 1. 26. 00:54

이번에는 자바스크립트에서 for 문에 대해서 알아보겠습니다.


글을 읽기 전에 손가락을 꾸~욱 눌러주시면 감사하겠습니다.^^



for문은 주어진 조건이 만족되는 동안 코드를 반복해서 실행하게 됩니다. 단, for문은 처음 실행되기전에 초기화 작업을 한번 수행하고, 매번 실행이 반복될 때마다 증감식을 한번씩 실행하게 됩니다. 다음은 for문의 형식입니다.


for(i = 0; i < 10; i++){

......

}


여기에서 for문은 먼저 i 변수의 초기 값을 0으로 설정한 후, 이 변수 값이 조건을 만족시키는건지(10보다 작은지)를 체크하게 됩니다. 만약 조건을 만족하게 되면 코드를 실행하게 됩니다. 코드 실행 후에는 i++ 증감식에 의해 i 변수가 1로 바뀌게 됩니다. 그런 후 또다시 조건을 검사한 후 조건을 만족하게 되면 다시 한번 코드를 실행하게 됩니다. 이와 같은 방식으로 for문은 조건이 만족되는 동안 반복적으로 코드를 실행하게 되는 것입니다.


예제를 한번 보도록 하겠습니다.


<html>

<head>

</head>

<body>

1부터 10까지 제곱 구하기<p>

<script language="Javascript">

for(i = 1; i <=10; i++){  // 변수 i 의 값이 1부터 시작해서 10보다 크게 될때까지 계속 순환문 작동

document.write(i + "*" + i + " = " + i*i + "<br>")

}

</script>

</body>

</html>


결과는 다음과 같습니다.


1부터 10까지 제곱 구하기

 

1 * 1 = 1

2 * 2 = 4

3 * 3 = 9

4 * 4 = 16

5 * 5 = 25

6 * 6 = 36

7 * 7 = 49

8 * 8 = 64

9 * 9 = 81

10 * 10 = 100


이해가 되셨나요?


궁금하신 점은 댓글 달아주세요~^^


Posted by 정윤문경아빠
IT 프로그래밍/JSP2014. 1. 25. 20:57

이번에는 자바스크립트에서 do while 문 사용법에 대해서 알아보겠습니다.


글 읽기 전에 조금 귀찮더라도 손가락 한번 꾸~욱 눌러주세요.^^



do-while문은 while문과 마찬가지로 주어진 조건이 만족되는 동안 지정된 코드를 반복하여 실행하게 됩니다. do-while문은 다음과 같은 형식으로 사용됩니다.


do{

......

}while(조건)


do-while문이 while 문과 다른 점은 일단 문장을 한번 실행한 뒤에 조건을 체크한다는 것입니다. 먼저 코드를 실행한 후 조건을 체크하여 조건이 참이면 계속해서 코드를 실행하게 되고, 거짓이 되는 순간 do-while문을 벗어나게 됩니다.


예제를 한번 보도록 하겠습니다.


<html>

<head>

</head>

<body>

1부터 10까지 제곱 구하기<p>

<script language="Javascript">

i = 1  // 제곱근을 구할 변수 i 선언


do{

document.write(i + " * " + i + " = " + i*i + "<br>")

i++

}while(i < 11)  // i 값이 11보다 크거나 같아질때까지 계속 실행


</script>

</body>

</html>


결과는 다음과 같이 나오게 됩니다.


1부터 10까지 제곱 구하기

 

1 * 1 = 1

2 * 2 = 4

3 * 3 = 9

4 * 4 = 16

5 * 5 = 25

6 * 6 = 36

7 * 7 = 49

8 * 8 = 64

9 * 9 = 81

10 * 10 = 100

 


결과만 놓고 보면 앞전 포스팅한 while문과 크게 차이가 없을듯한데요. 차이점은 조건을 언제 검사하느냐 입니다. while문은 처음부터 조건이 거짓이면 안에 코드들을 실행은 안하지만 do-while 문은 일단 최소 한번은 실행을 하고 조건을 비교해서 계속 수행하는지 아니면 빠져나갈지를 결정하게 됩니다.

만약 처음부터 i 의 값을 12 로 선언을 했다면 while 문에서는 아무것도 출력이 안되고 종료가 되지만 do-while문은 12 + 12 = 144 라는 출력이 된다는 것이죠.


이해가 되셨는가요?


쉽게 설명을 한다고 나름 신경써서 작성을 했는데

 

모르시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠
IT 프로그래밍/JSP2014. 1. 25. 20:30

이번에는 JSP 에서 while 문을 사용하는 방법에 대해서 알아보겠습니다.


글 읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^




while문은 주어진 조건이 만족되는 동안 반복해서 코드를 실행하고 싶을 때 사용하는 반복 제어문입니다. while문은 다음과 같은 형식으로 사용됩니다.


i = 0

while(i < 300){

......

i++

}


while 문은 제일 처음 시작할때 조건을 참 거짓을 구분하고 참일 경우 while 문 안에 있는 코드들을 한번 실행하고 다시 조건을 참 거짓 판단하고 참이면 계속 코드가 실행이 되는 구조입니다. 조건이 거짓이 되면 while 문을 빠져나오게 됩니다.


위 형식을 보면 i 의 값은 0으로 시작합니다. 그리고 while 문을 한번 돌때마다 i 는 1씩 증가를 하게 됩니다. i 가 300 이 되는 순간 while 문을 벗어나게 됩니다. 즉 위에 같은 경우는 while 문이 300번 회전을 한다고 생각하시면 됩니다.


보다 자세한 예제를 보도록 하겠습니다.


<html>

<head>

</head>

<body>

1부터 10까지의 제곱 구하기<p>

<script language="Javascript">

i = 1  // i 를 1로 선언


while(i < 11){  // i 값이 11보다 크거나 같아질때까지 while문 계속 수행

document.write(i + " * " + i + " = " + i*i + "<br>")

i++  // i 값을 1씩 증가

}

</script>

</body>

</html>


결과는 이렇게 나오게 됩니다.


1부터 10까지 제곱 구하기


1 * 1 = 1

2 * 2 = 4

3 * 3 = 9

4 * 4 = 16

5 * 5 = 25

6 * 6 = 36

7 * 7 = 49

8 * 8 = 64

9 * 9 = 81

10 * 10 = 100


이해가 되셨는가요?


모르시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠
IT 프로그래밍/JSP2014. 1. 25. 20:00

이번에는 자바스크립트에서 if else 문을 사용하는 방법에 대해서 알아보겠습니다.


읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^



우션 형식은 이렇습니다.


if-else는 주어진 조건을 만족시키는 경우 지정된 코드가 실행되도록 하고 싶을 때 사용합니다.


if-else는 다음과 같이 3가지 방식 중 하나로 사용됩니다.



형식 1 

형식 2 

                     형식 3 

if(조건){

    실행 코드 1

}

if(조건){

    실행 코드 1

}else{

    실행 코드 2

}

if(조건 1){

    실행 코드 1

}else if(조건 2){

    실행 코드 2

}else if(조건 3){

    실행 코드 3

}else{

    실행 코드 4

}


형식 1은 조건이 참(true)인 경우에만 코드를 실행시킵니다. 이에 반해 형식 2는 조건이 참(true)인 경우에는 코드 1을 실행하고, 거짓(false)인 경우에는 코드 2를 실행하게 됩니다. 마지막으로 형식 3은 조건 1이 참인 경우에는 코드 1을, 조건 2가 참인 경우에는 코드 2를, 조건 3이 참인 경우에는 코드 3을 실행하게 됩니다. 그리고 앞에 나온 조건들이 모두 거짓(false)라면 마지막 실행 코드 4를 실행하게 됩니다.


간단한 예제를 보도록 하겠습니다.


<html>

<head>

</head>

<body>

<script language="Javascript">

num = 5  // 숫자 5의 값을 가진 변수 num을 선언한다.


if(num > 0){  // num 변수 값이 0보다 큰지 비교한다.

document.write("num 변수의 값은 양수입니다.")

}else if(num < 0){  // num 변수 값이 0보다 작은지 비교한다.

document.write("num 변수의 값은 음수입니다.")

}else{  // num 변수 값이 0보다 크거나 작지 않은 경우

document.write("num 변수의 값은 0입니다.")

}

</script>

</body>

</html>


지금은 num 값이 5 이기 때문에 화면에는 "num 변수의 값은 양수입니다." 가 출력되고 끝이나게 됩니다.

만약 num 값을 -3 으로 주게 된다면 화면에는 "num 변수의 값은 음수입니다." 가 출력됩니다.

num 값이 0 이라면 "num 변수의 값은 0입니다." 가 출력이 됩니다.

if 문은 제일 위에서부터 조건들을 참 거짓을 구분해 오다가 참을 만나게 되면 아래에 있는 else if 와 else 는 다 무시합니다.

else 는 상위 if문 조건과 else if 문의 조건이 모두 거짓이면 실행이 되어집니다.


쉽게 설명한다고 포스팅을 했는데 이해가 잘 되셨는지 모르겠습니다.

이해가 안되시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠
IT 프로그래밍/NOTES2014. 1. 25. 13:58

노츠 파라미터 정리

 

?changepassword

Domino /인터넷 비밀번호를 변경

관리자가 IBM Lotus Domino /인터넷 비밀번호를 제공했을 수 있으며, 이 비밀번호는 웹 브라우저를 통해 Domino 웹 애플리케이션 및 데이터베이스에 대한 로그인과 HTTP, POP3, IMAP, LDAP DIIOP 액세스에 필요합니다. 기본적으로, 원할때마다 Domino /인터넷 비밀번호를 변경할 수 있습니다. 다음 절차를 사용할 수 없는 경우 관리자에게 인터넷 비밀번호 변경에 대한 내용을 문의합니다.

 

웹 브라우저를 통해 데이터베이스에 액세스하여 처음으로 Domimo 서버로 인증확인할 때 자동으로 인터넷 비밀번호를 변경하라는 메시지가 나타납니다.

1.     인터넷 비밀번호를 수동으로 변경하려면, 웹 애플리케이션의 URL을 입력한 후 URL 끝에 있는 데이터베이스 이름 뒤에 “?changepassword”를 추가합니다.

2.     [비밀번호변경] 화면에서 이전 인터넷 비밀번호를 입력한 후 새로운 인터넷 비밀번호를 입력하고, 해당 필드에 다시 이 비밀번호를 입력하여 새로운 인터넷 비밀번호를 확인합니다. 비밀번호 보안 등급 관련 지시사항은 Lotus Notes 비밀번호 관련 지시사항과 같습니다.

3.     제출을 누릅니다.

인증한 서버나 http가 종료되지 않은 경우 새 비밀번호를 제출한 후, 이틀 동안 이전 비밀번호 또는 새 인터넷 비밀번호를 사용할 수 있습니다. 그렇지 않은 경우 새 인터넷 비밀번호를 사용해야 합니다.

 

?OpenFrameset

OpenFrameset 명령은 프레임 이름, UNID 또는 노츠ID를 열 수 있습니다.

 

노츠 8.01 릴리즈를 시작하면 추가 매개 변수가 OpenFrameset에의해 프레임 내에서 표시 뷰를 지정하는 명령입니다. 매개 변수는 뷰의 UNID 포함해야 합니다.

 

?OpenPage

OpenPage 명령은 페이지 이름, UNID 또는 노츠ID 있습니다.

 

?OpenForm

OpenForm 명령어는 문서를 생성할 이름, UNID, 또는 노츠 ID 생성 있습니다. URL 메일 데이터베이스를 지정할 메일 메시지는 클라이언트에서 시작됩니다.

 

?OpenAgent

OpenAgent 명령어는 지정된 이름, UNID 또는 노츠ID 에이전트를 실행합니다.

 

?OpenView

OpenView 명령어는 사용은 가능하나 a (문서가 아닐 ) 매개변수가 URL 지정될 기본값으로 많이 추가하지 않습니다. 하지만 명백히 의도적으로 추가하지는 않습니다.

 

 

?SearchView

SearchView 명령어를 사용해서 URL 뷰를 열수있으며 이유는 전체 검색을 수행하기 때문입니다. 노츠 8.0 기능이 나왔습니다. 이름 또는 UNID 반드시 지정해야 합니다.

 

?OpenDocument

OpenDocument 명령어는 사용은 가능하지만 문서 파라미터를 URL 지정할 기본값으로 많이 추가하지 않습니다. 하지만 이것은 의도적으로 명시하지 않습니다.

 

?OpenDocumentByKey

OpenDocumentByKey 명령어는 해당 내의 뷰와 키를 지정하여 문서를 있는 기능을 지원하며 노츠8.5에서 추가되었습니다. Key 정의는 동일한 도미노서버가 OpenDocument method 사용할 때와 동일합니다. 여기에 OpenDocument 사용되는 클라이언트는 특정 문서 식별자들과 발생할 있는 충돌을 방지하기 위한 새로운 명령을 생성함으로써 더욱 명시적으로 바람직합니다.

 

?EditDocument

EditDocument 명령어는 노츠 8.5 추가되었습니다. 사용자가 문서편집 권한이 없어서 접근을 없을 , 읽기모드(read-only) 문서를 열어주게 합니다.

Posted by 정윤문경아빠
IT 프로그래밍/TIZEN2014. 1. 25. 03:34

이번에는 에뮬레이터로 샘플예제를 실행해보도록 하겠습니다.


읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^



우선 시작버튼 -> 모든 프로그램 -> Tizen SDK -> Emulator Manager를 실행합니다.

 

만약 중간에 경고창이 나타나면 그냥 Yes 버튼을 클릭합니다.

 

 


 

자~ 에뮬래이터가 아래 그림과 같이 나오게 되면 중간에 + 그림을 클릭을 합니다.

 

 


 

그럼 에뮬래이터를 생성하기 위해 몇가지를 입력을 해야합니다.

우선 이름을 입력합니다.

 

 


 

저는 S3 로 했습니다.

왜냐하면 제 버릇인데 안드로이드 개발 경험이 있으신 분이라면 아마 쉽게 눈치 챘을것 같습니다.

중간에 보시면 Display Resolution 항목에 HD(720x1280) 보이시나요?

네..그렇습니다. 갤럭시 S3 해상도가 720x1280 입니다.

S2 해상도는 480x800 이고

지금의 S4 및 노트3는 1080x1920 입니다.

현재 타이젠에서는 1080x1920을 지원안하는건지는 저도 공부하면서 포스팅하는것이라 좀 더 알아봐야 할 듯 합니다.

아..갑자기 옆으로 빠졌네요...

제가 이름 S3 라고 한것은 제가 실행하고자 하는 에뮬래이터의 해상도를 쉽게 보기 위해서 입니다.

만약 디스플레이가 1080x1920 이라면 이름을 S4 라고 지었을테지요.

이 이름은 어디까지나 제가 편해서 이렇게 만드는것이고

지금 이 포스팅을 보시는 분은 편하신대로 이름을 만드시면 됩니다.

 

나머지 항목은 그냥 기본값으로 가셔도 무난할듯 합니다만

바꾸고 싶은게 있으시다면 바꾸셔도 상관은 없습니다만 사용자의 컴퓨터 사양에 비해 RAM Size 라던가 다른 항목을 높게 설정하시면 에뮬래이터가 제대로 작동안될수도 있으니 참고 하시면 되겠습니다.

 

이름을 입력하면 제일 아래에 Confirm 버튼이 활성화 되는데 버튼을 클릭하시면 에뮬래이터가 생성이 됩니다.

 

에뮬래이터가 생성이 되면 아래 그림과 같이 에뮬래이터가 보이게 됩니다.

에뮬래이터 아래의 파란버튼(Launch 버튼)을 클릭하시면 에뮬래이터가 실행이 됩니다.

그리고 오른쪽에 Detail 의 옆에 있는 버튼을 클릭하시면 에뮬래이터 의 설정을 변경할 수 있습니다.

 

 


 

에뮬래이터를 실행시켰다면 다음과 같은 애뮬래이터가 나오게 됩니다.

만약 경고창이 뜨게 된다면 엑세스 허용 및 차단 해제 버튼을 클릭해주셔야 합니다.

 

 


 

제 컴퓨터 사양이 많이 낮아서 도스화면에서 글자가 희미해서 잘 안보이는데

마지막에 Booting 글자는 어림짐작으로 보이는듯 하네요.

여기에서 시간이 한참 걸리게 되는데......제 컴퓨터에서는 부팅이 되는데 30분 정도 걸리는듯 하네요;;컴퓨터를 바꿔야하나 ㅠ_ㅠ

만약에 한시간 넘게 기다려도 부팅이 안된다면 에뮬래이터 설정이 잘못되어있어서 부팅 안될수도 있으니깐 설정을 바꿔보세요.

예 : Ram Size 를 줄인다.

 

애뮬래이터에 글자가 모두 사라지고 그냥 화면이 까만색으로만 나와있다면 옆에 Power 버튼을 클릭하세요.

그럼 다음과 같이 잠김 화면이 나오게 됩니다.

그럼 제일 아래의 자물쇠 그림을 클릭하시면 오른쪽으로 드래그 하라는 그림이 나오게 됩니다.

 

 


 

화면을 풀고도 혹시...화면이 검게 나온다면 Home 키 또는 Menu 키를 누르게 되면 에뮬래이터가 정상적으로 작동되는것을 확인할 수 있습니다.

 

자~~이제 에뮬래이터까지 부팅이 되었으니깐 이제 우리가 작업한 프로젝트를 실행을 해봐야겠죠?

에뮬래이터로 프로젝트를 실행을 시킬려면 실행파일을 빌드해야 합니다.

그리고 어떤 모드로 빌드할 것인지 선택해야 합니다.

 

1. Debug [Active]

2. Release

3. Dynamic Analyzer

 

HaveAGoodTime.apk


 

첫번째 Debug [Active]는 방금전까지 실습한 에뮬래이터로 빌드를 하는것입니다.

 

두번째 Release는 로그 메세지를 확인할 수 없으며 실행만 가능합니다.

개발하실때는 디버그 모드로 하시고

앱 배포시에는 릴리즈 모드로 빌드한 패키지를 사용해야 합니다.

 

세번째 Dynamic Analyzer 는 저도 아직 안해봐서 잘 모르겠네요...ㅎㅎ 아직 타이젠에 대한 정보가 많이 없어서 죄송합니다;;

 

기본 빌드 모드는 Debug [Active] 모드 입니다.

빌드 모드를 변경하실려면 해당 프로젝트에서 마우스 오른쪽 버튼을 클릭하고, Build Configurations -> Build Selected를 선택합니다.

 

 


 

그럼 작은창이 나오면서 선택할 수 있는데 빌드하고자 하는 항목에 체크하면 됩니다.

 

빌드 모드를 지정하셨으면 이제 빌드를 하면 됩니다.

역시 마찬가지로 해당 프로젝트에서 마우스 오른쪽버튼을 클릭하고 Build Project를 선택합니다.

 

 


 

그럼 잠깐 작은창이 나타났다가 바로 사라질텐데(컴퓨터 사양이 느리면 좀 오래동안 떠있을수도 있습니다) 팝업창이 사라지고 화면 아래에 Problems 탭에 오류가 표시되지 않으면 빌드가 성공적으로 되었습니다.

만약 오류가 발생하면 오류를 파악하고 수정후 다시 빌드하시면 됩니다.

 

빌드가 완료되었으므로 이제 실행을 해봐야겠죠?

역시 마찬가지로 마우스 오른쪽버튼 클릭후 Run As -> Tizen Native Application을 클릭합니다.

 

 


 

그럼 아마도 에러가 발생할거에요.

 

에러가 무엇이냐면 인증서가 없다는 에러라고 생각하시면 되겠습니다.

 

그럼 어떻게 하냐면 혹시 타이젠 설치하실때 설치경로 지정해줬던거 기억이 나는가요?

 

잘 모르시겠으면 제 블로그에 타이젠 설치하는 포스팅 보시면 나와있습니다.

 

우선 타이젠 설치 폴더로 갑니다.

 

저는 G:\tizen\tizen-sdk\tools\certificate-generator 경로로 들어갈께요.

 

지금 이 포스팅을 보시는 분은 타이젠 설치 폴더에서 tools\certificate-generator 폴더로 들어가세요.

 

그럼 certificate-generator.bat 파일이 보이시나요?

 

파일을 실행합니다.

 

 

 

그럼 검은색 도스창이 뜨는데 option 이라고 나와있는 항목은 그냥 엔터키 눌러서 패스해 주세요.(귀찮은건 싫으니깐요)

 

아래 그림처럼 빨간색으로 표시해둔곳만 입력해주시면 되는데

 

첫번째 빨간색 사각형은 인증서 비밀번호 입력하는곳입니다. 비밀번호를 입력해주세요.

 

두번째 빨간색 사각형은 Alias 즉 별칭입니다. 적당히 입력해주세요.

 

세번째 빨간색 사각형은 인증서 파일이름입니다. 여기서 주의사항은 반드시 확장자 .p12 를 입력해주셔야합니다.

 

 

 

저는 비밀번호를 examplepassword로 했고 별칭은 제 이름인 kangjinil로 했고 파일이름은 example.p12로 했습니다.

 

다 입력후 엔터키를 누르시면 창이 사라지게 되는데요.

 

그럼 인증서가 어디에 생성이 되느냐면 처음에 타이젠 설치했던곳 기억이 나시는가요? 잘 모르시겠으면 제 블로그에 타이젠 설치하기에 나와있습니다.

 

타이젠 설치 폴더는 tizen-sdk 인데 여기에 보시면 숨김폴더가 한개 있습니다. tizen-sdk-data 라는 폴더를 찾으세요.

 

저는 아래 그림처럼 경로 입력을 하고 들어갑니다.

 

 

 

폴더를 잘 찾아서 들어오셨는가요? 그럼 여기로 들어가보세요.

 

G:\tizen\tizen-sdk-data\keystore\author <- 여기는 제가 생성한 경로입니다. 지금 이 글을 보시는 분은 본인이 설치한 경로로 들어가세요.

 

여기로 들어오시면 방금전에 생성한 인증서가 보이실껍니다.

 

자~이제 다시 타이젠으로 돌아갈께요.

 

아래의 에러는 인증서 에러인데 창 가운데 Preferences > Secure Profiles 파란 글자 보이시죠? 클릭하세요.

 


 

그럼 인증서 창이 뜨는데요.

 

젤 처음 Add 버튼을 클릭하셔서 프로필 이름을 넣고 생성해주세요.

 

그럼 프로필이 생성된것을 확인이 될꺼에요.

 

두번째로 가운데 Edit 버튼을 클릭하세요.

 

 

 

Author Certificate 항목에 저는 인증서가 설치되어있어서 표시되고 있는건데요. 아마 이 글을 보시는분은 빈 공란으로 되어있을겁니다.

 

Edit 버튼을 클릭하셨나요? 그럼 창이 하나 뜰꺼에요.

 

 

 

Browse 버튼을 클릭해서 아까 생성한 인증서를 가져와주세요.

 

그리고 비밀번호를 입력해야하는데 아까 인증서 생성할때 비밀번호 기억나시죠? 그걸 입력해주세요.

 

다 되었으면 ok 버튼들을 클릭해서 나오시면 됩니다.

 

자~이제 길고 긴 설정은 다 끝났습니다. 이제 다시 Run As -> Tizen Native Application을 해주세요.

 

그럼!!!!!!!!

 

 

 

짜~잔

 

멋지게 실행이 되었습니다. ㅎㅎㅎ

 

아~~글솜씨가 엉망이라 제대로 이해하셨는지 잘 모르겠네요.

 

궁금하신점은 댓글로 남겨주세요~~^^

 

 

 

참고한곳 http://cafe.naver.com/tizenity Tizen 개발자 동호회

 

Posted by 정윤문경아빠
IT 프로그래밍/TIZEN2014. 1. 25. 03:33

안녕하세요. 오늘은 타이젠 샘플예제를 불러오는 방법에 대해서 살펴보겠습니다.


읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^



현재 타이젠 버전 2.2에는 웹앱 샘플이 24개, 네이티브앱 샘플이 50개가 있습니다.

 

이 샘플들을 보시면서 공부 및 개발하시면 많은 도움을 받을 수 있습니다.

 

그럼 이제부터 주요 샘플을 알려드리도록 하겠습니다.

 

우선 File -> New -> Other 을 선택합니다.

 

 


 

Tizen -> Tizen Native Project 를 선택한후 Next를 클릭합니다.

 

 


 

New Tizen Native Project 창이 나오면 상단에 Sample 을 클릭합니다.

그럼 아래에 샘플 목록이 나오게 되는데 이번에 설명할것은 BasicApp 입니다.

BasicApp을 클릭하고 하단에 Project Name을 입력합니다. 

저는 그냥 BasicApp으로 하겠습니다.

중복되지 않는(Workspace 폴더에 동일명 프로젝트등) 이름이면 어떤 이름을 입력해도 상관없습니다. 

하지만 영어로 하시는게 가급적 좋습니다.

이름까지 입력을 다 하셨다면 Finish 버튼을 클릭합니다.

 

 


 

처음 프로젝트를 생성하시는 분들은 아마 Open Associated Perspective? 라는 창이 떠서 Yes or No 를 클릭하라고 강요할텐데요.

아래에 Remember my decision 에 체크하시고 Yes를 클릭하시면 다음부터는 안나오게 됩니다.

저는 창이 안나오는 관계로 그림 캡쳐를 못하겠네요.

 

자 그럼 여기까지 하셨다면 좌측 Project Explorer에 BasicApp이 생성된것을 보실 수 있습니다.

그리고 처음에 타이젠 실행할때 workspace 경로 지정했던것 기억이 나는가요?

거기로 가보시면 BasicApp 프로젝트가 복사되어있는것을 보실 수 있습니다.

 

 


 

여기에서 팁을 하나 드리자면 SDK에서 가장 먼저 살펴보아야 할것이 BasicApp과 UiControls 입니다.

BasicApp은 하나의 Form에 여러개의 Panel을 전환하는 샘플예제입니다.

화면에는 보이지 않는 메인 Form 이 하위 Panel을 생성해서 화면에 표시합니다.

탭버튼이 선택될때 기존의 Panel은 삭제되고, 새로운 Panel을 생성합니다.

UiControls 는 타이젠에서 지원되는 모든 종류의 Control 들과 Container 의 사용방법을 보여주는 샘플예제입니다.

매니저 Form 까지 초으 28개의 Form으로 구성되어 있습니다.

 

이상 여기까지가 샘플예제 불러오는 방법에 대해서 포스팅 해보았습니다.

 

소중한 댓글 하나가 저에게 큰 힘이 됩니다.^^

 

 

 

참고한곳 http://cafe.naver.com/tizenity Tizen 개발자 동호회

 

Posted by 정윤문경아빠
IT 프로그래밍/TIZEN2014. 1. 25. 03:32

이번 포스트는 타이젠을 실행하는것을 해보겠습니다.


읽기 전에 손가락 한번 꾸~욱 눌러주세요. 별로 어려운거 아니잖아요.^^



운영체제 윈도우7 64bit를 기반으로 설명하겠습니다.

 

우선 시작 -> 모든 프로그램 -> Tizen SDK -> Tizen IDE를 실행합니다.

 

Tizen IDE는 이클립스를 사용합니다. 타이젠은 c++ 언어라서 Visual Studio를 사용해도 되지만 그렇게되면 개발자들이 라이센스 비용을 부담해야하기때문에 무료로 사용할 수 있도록 이클립스를 내장해놓은듯 합니다. 삼성&인텔의 참 친절한(?) 배려에 감사합니다.

 

 


 

제일 처음 실행하면 Workspace 경로를 물어봅니다. Workspace는 내가 작업한 프로그램이 저장되는곳이니 편한 경로로 지정을 해주시면 됩니다.

 

 


 

저는 E:\tizen\tizen-sdk\ide\workspace 로 지정을 해주었습니다. 예전서부터 IDE 툴 안에 workspace 폴더가 있는걸로 사용을 해와서 이 경로가 편하더군요.

그리고 Use this as the default and do not ask again 항목에 체크를 해주시면 지금 설정한 경로의 workspace를 사용하겠다는 의미입니다. 즉 다음번에 Tizen IDE를 실행하면 경로를 더이상 묻지않는다는 이야기입니다.

그럼 나중에 경로를 바꾸고 싶은데 더이상 안물어보면 어떻하지? 라고 걱정(?) 되실수도 있는데요. 나중에 경로를 바꿀수 있으니깐 걱정 안하셔도 됩니다. ㅎㅎ

 

 


 

자~드디어 타이젠의 첫화면 입니다. 타이젠의 소개를 해주는 항목인데요. 영어에 자신있는 분들은 설명을 읽어보셔도 좋습니다. 뭐...저는 그냥 가볍게 Welcome 옆의 x 를 눌려버립니다.

 

 


 

타이젠의 첫화면 입니다. 이클립스로 많은 개발을 해보신 분들에게는 친숙한 화면이죠.

 

대략적인 설명을 하도록 하겠습니다.

 

위 메뉴에는 각종 툴바들이 있습니다. 단축키들을 사용하도록 노력하시면 개발하시는데 조금이라도 시간을 단축할 수 있습니다.

 

왼쪽 중간에 보면 Project Explorer 이라고 있는데 작업중인 프로젝트, 소스파일등을 보여줍니다. 소스파일등을 더블클릭하게 되면 중앙화면에 파일이 열리게 됩니다.

 

오른쪽에 보면 저는 지금 Tizen Native가 보이는데 아마 처음 실행하신 분들은 Tizen Web이라고 되어있을겁니다. 왼쪽에 + 모양의 작은 아이콘을 클릭하시면 Other... 이라고 나오는데 그걸 클릭하시면 모드를 바꾸면서 사용할 수 있습니다. 저는 주로 사용하는것은 Tizen Web, Tizen Native, Debug를 주로 사용합니다.

 

하단부에 몇개의 탭들이 있는데 우선 Problems 는 프로젝트를 빌드할때 오류 및 경고등을 나타내줍니다. 오류메세지가 발생하면 그것을 보고 코드를 수정합니다.

Log는 앱이 실행될때의 진행상황을 알 수 있습니다. 만약 앱이 빌드중 또는 실행도중 에러 또는 버그가 발생한다면 Log API를 사용해서 어디에 문제가 있는지를 쉽게 파악할 수 있습니다.

 

이것외에 다양한 기능들이 무궁무진하게 많은데요. 그러한 부분들은 하나씩 공부해가면서 익히시면 되겠습니다.

 

이상 타이젠 실행하기 포스팅을 마치겠습니다.^^

 

궁금한점은 댓글로~ㅎㅎ

 

'IT 프로그래밍 > TIZEN' 카테고리의 다른 글

TIZEN BasicApp 샘플예제 따라하기  (0) 2014.01.25
TIZEN 처음 실행하기  (0) 2014.01.25
TIZEN SDK설치 및 환경설정 따라하기  (0) 2014.01.25
Posted by 정윤문경아빠
IT 프로그래밍/TIZEN2014. 1. 25. 03:32

자~타이젠을 설치해 봅시다.


글 읽기전에 손가락 한번 눌러주세요.^^



우선 타이젠은 지원되는 운영체제가 Windows 7, Ubuntu, Mac Os X 가 지원이 되는듯합니다.

 

저도 원래 Windows Xp 사용했었는데 타이젠 설치를 위해 Windows 7을 설치했습니다.

 

그럼 이제 시작하겠습니다.

 

아참..그전에 JAVA JDK 가 설치가 되어있어야 합니다. 최소버전 6 이상 설치해야합니다. 최신버전인 7버전 설치해도 됩니다. 아래 주소로 접속하셔서 JAVA JDK 설치하세요. 만약 설치되어있으시다면 타이젠 홈페이지로 접속하면 됩니다. JDK 설치에 대해서 잘 모르시면 검색해보시면 자료가 많으시니 참고 하세요.

 

http://www.oracle.com  <- JDK 설치하는 오라클 홈페이지

 

JDK 설치가 다 되셨거나 혹은 설치가 되어 있으신 분이라면 아래 주소로 접속을 합니다.

 

https://www.tizen.org

 

접속을하면 회원가입후 로그인을 합니다.(회원가입 및 로그인 안해도 SDK 다운로드는 가능)

 

 


 

중간에 DOWNLOAD THE SDK 버튼 보이시나요? 보이시면 클릭을 합니다.

 

 


 

아래로 살짝 내려오면 설치 관리자에서 다운로드 할 수 있는데 자신의 운영체제에 맞는걸로 다운로드 합니다.(저는 WINDOWS 7 64bit 설치)

 

다운로드 용량이 4.3M 라서 금방 다운로드가 되네요. 그럼 아래라 살짝 더 내려오면 SDK IMAGE가 있습니다. 역시 동일한것으로 다운로드 받으면 좋습니다. 왜냐하면 Install Manager만 다운로드해서 실행하면 필요한 파일들을 웹에서 다운로드를 하게 되는데 설치도중 오류가 발생할 수 있기때문에 Image 파일을 다운로드 해놓는것이 좋습니다.(저는 한번 오류가 나서 다시 설치한 경험이 있습니다)

 

 


 

용량이 좀 많이 크네요. 인내심을 갖고 커피한잔 하시면서 여유롭게 기다립니다. ㅎㅎ

 

 


 

다운로드가 다 되셨으면 tizen-sdk-windows64-v2.2.71.exe 파일을 실행합니다.

 

만약 경고창이 나오면 읽기 귀찮으니깐 무시하고 yes 또는 ok를 누릅니다.

 

 


 

그럼 위 그림과같이 설치화면이 나오는데 Advanced 를 클릭합니다.

 

 


 

SDK image 버튼을 클릭해주시면 오른쪽에 파일여는 버튼이 활성화 됩니다. 버튼을 클릭하면 탐색기가 나오는데 아까 다운받았던 image 파일을 열고 확인버튼을 눌러주시면 위 그림과 같이 자동으로 압축을 풀게 됩니다. 압축해제가 완료되면 ok 버튼을 클릭하고 빠져나옵니다. 이후 next 버튼을 클릭합니다.

 

 


 

I agree to the License Agreement 에 체크해주고 Next 버튼을 클릭합니다.

 

 


 

여기서도 그냥 Next 버튼을 클릭합니다.

 

 


 

설치 경로를 나타냅니다. 편하신 경로로 설정해주시면 되겠습니다. 다 되셨으면 Install 을 클릭합니다.

 

간혹 설치 중간에 멈춰서 진행이 안될때 있는데 그럴때 Ctrl + Alt + Delete 키를 눌러서 작업관리자에서 종료후 다시 설치하세요.

 

정확한 이유는 모르겠는데 버그성인듯 합니다.

 

 


 

Install이 다 끝나면 Close 버튼을 클릭합니다.

 

설치가 다 되었으면 내가 설치한 폴더로 이동해서 폴더에 대해서 간략하게 설명을 드리겠습니다.

 

 


 

저는 로컬 디스크 E 드라이브에 tizen 폴더에서 tizen-sdk 폴더에 설치를 했습니다.

 

documents 폴더에는 개발에 관련된 설명서가 pdf 파일형식으로 저장되어 있습니다. 영어로 되어있네요...역시 개발자는 영어를 잘해야하는가 봅니다.

 

platforms 폴더에는 에뮬레이터(버츄얼 디바이스)와 타이젠 API가 있습니다. 여러가지 샘플(예제)들도 있구요. IDE 에서 바로 빌드해서 실행할 수 있기때문에 많은 도움을 받을 수 있을듯합니다.

 

IDE 폴더는 개발툴이 있습니다. 이클립스가 내장되어있네요.

 

이상 타이젠 설치방법에 대해서 알아보았습니다. 혹시 궁금하신 점 있으시면 답글 달아주시면...제가 아는 범위내에서 답변 드리겠습니다. ㅎㅎ(저도 초보인지라)

 

 

 참고한곳 http://cafe.naver.com/tizenity Tizen 개발자 동호회

 

'IT 프로그래밍 > TIZEN' 카테고리의 다른 글

TIZEN BasicApp 샘플예제 따라하기  (0) 2014.01.25
TIZEN 처음 실행하기  (0) 2014.01.25
TIZEN 실행하는 방법 따라하기 설명  (1) 2014.01.25
Posted by 정윤문경아빠
IT 프로그래밍/IT용어2014. 1. 25. 03:30

WEB STORAGE

 

WEB STORAGE?

HTML5 에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어있습니다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴입니다그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능합니다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념입니다사실 거의 차이가 없어보일지라도 몇 가지 쿠키의 단점을 극복하는 개선점이 도입되었습니다.

쿠키는 여전히 유효하고 꽤 적절한 클라이언트 저장도구 입니다. HTML5 에서 Web Storage 스펙을 새로 추가했지만 쿠키를 배제하는 것은 아닙니다. HTML5 에서도 여전히 쿠키를 이용할 수 있습니다.

 

Web Storage 차이점

쿠키는 매번 서버로 전송된다.

웹 사이트에서 쿠키를 설정하면 이후 모든 웹 요청은 쿠키정보를 포함하여 서버로 전송됩니다. Web Storage 는 저장된 데이터가 클라이언트에 존재할 뿐 서버로 전송은 이루어지지 않습니다이것은 네트워크 트래픽 비용을 줄여 준다는 주요한 장점이 됩니다.

 

단순 문자열을 넘어(스크립트객체정보를 저장할 수 있다.

문자열 기반 데이터 이외에 체계적으로 구조화된 객체를 저장할 수 있다는 것은 개발 편의성을 제공해 주는 주요한 장점이 됩니다브라우저의 지원 여부를 확인해 봐야 하는 항목입니다.

 

용량의 제한이 없다

쿠키는 개수와 용량에 있어 제한을 걸어 두고 있습니다하나의 사이트에서 저장할 수 있는 최대 쿠키 수는 20개 입니다그리고 하나의 사이트에서 저장할 수 있는 최대쿠키 크기는 4KB 로 제한되어 있습니다. Web Storage 는 이러한 제한이 없습니다그러나 쿠키도하위키를 이용하면 이러한 제한을 일부 해소할 수 있습니다그리고 대부분의 시나리오에서 쿠키의 제한으로 까지 데이터를 저장할 일이 없습니다.

 

영구 데이터 저장이 가능하다

쿠키는 만료일자를 지정하게 되어 있어 언젠가 제거됩니다만료일자로 지정된 날짜에 쿠키는 제거되는 것입니다.(만료일자를 지정하지 않으면 세션 쿠키가 됩니다만일 영구 쿠키를 원한다면 만료일자를 굉장히 멀게 설정하여 해결할 수 있습니다.

 

WebStorage는 만료기간의 설정이 없습니다즉 한번 저장한 데이터는 영구적으로 존재하는 것입니다이것이 쿠키와의 차이점입니다. WebStorage와 쿠키의 차이점에 대해서 WebStorage가 특별히 좋은 이유는 없다고 봐도 무방합니다다만 한가지 매번 서버로 전송되지 않는다는 특징은 꽤나 유용해 보입니다.

LocalStorage SessionStorage

 

Web Storage는 데이터의 지속성과 관련하여 두 가지 용도의 저장소를 제공합니다.

우선 기본적으로 Web Storage는 쿠키와 마찬가지로 사이트의 도메인 단위로 접근이 제한됩니다다시 말해 A 도메인에서 저장한 데이터는 B도메인에서 조회할 수 없다는 것입니다이것은 데이터의 보안적 측면에서 당연한 원칙이라 하겠습니다.

 

LocalStorage

LocalStorage 저장한 데이터를 (명시적으로지우지 않는 이상 영구적으로 보관이 가능합니다앞서 말한대로 도메인마다 별도로 로컬 스토로지가 생성됩니다. Windows 전역 객체의 LocalStorage 라는 컬렉션을 통해 저장/조회가 이루어집니다.

 

SessionStorage

SessionStorage는 데이터의 지속성과 액세스 범위에 특수한 제한이 존재합니다. SessionStorage windows 전역 객체의 sessionStorage라는 컬렉션을 통해 저장/조회가 이루어집니다.

 

데이터 유지 측면

SessionStorage는 데이터가 지속적으로 보관되지 않습니다이는 마치 브라우저 기반 세션 쿠키와 그 성질이 비슷한데현재 페이지가 브라우징 되고 있는 브라우저 큰텍스트 내에서만 데이터가 유지됩니다.

LocalStorage는 브라우저를 종료해도 데이터는 보관되어 다음번 접속에도 그 데이터를 사용할 수 있는 반면, SessionStorage는 브라우저가 종료되면 데이터도 같이 지워집니다즉 브라우저 종료되면 SessionStorage도 삭제된다는 것입니다.

 

데이터 범위 측면

SessionStorage 역시 Web Storage의 기본 보안 처럼 도메인별로 별도로 생성됩니다여기에 더불어 SessionStorage는 같은 사이트의 같은 도메인이라 할지라도 브라우저가 다르면 서로 다른 영역이 됩니다(즉 브라우저 컨텍스트가 다릅니다)

탭 브라우징이나 브라우저를 하나 더 실행해서 같은 페이지를 실행했을 때이 두 페이지의 SessionStorage는 각각 별개의 영역으로 서로 침범하지 못한다는 의미입니다.(도메인만 같으면 전역적으로 공유 가능한 LocalStorage와 구분되는 특징이라 하겠습니다.)

 

WebStorage의 보안은 서로 다른 도메인의 데이터 침범을 막고는 있지만 클라이언트즉 사용자를 막고 있지는 않습니다클라이언트는 얼마든지 저장된 값을(임의로)수정이 가능합니다이것은 쿠키와 동일한 개념입니다그렇다고 쿠키에 비해 별다른 보안 취약점을 더 가진 것은 아닙니다따라서 개발자는 사용자에 의한 이러한 임의 변경에 항상 예의 주시하고 방어 코드의 작성을 잊지 말아야 하겠습니다.

'IT 프로그래밍 > IT용어' 카테고리의 다른 글

HTML 쿠키 COOKIE 기초 정리  (0) 2014.01.25
LDAP 정의 및 설명  (0) 2014.01.25
Posted by 정윤문경아빠