'분류 전체보기'에 해당되는 글 14건

Cordova를 이용해 하이브리드 앱을 개발 도중

갑자기 Javascript 소스가 먹통이 되는 일이 발생하였습니다.

"Javascript not working in cordova" 를 구글링을 해서 찾던 도중에

문제점을 발견 했습니다.

문제는 HTML5 Meta 태그에 다음과 같은 설정 정보가 추가가 되어있었습니다.

Chrome의 Content-Security-Policy 메타 태그가 포함되어 있을 경우,

HTML파일에 "<script>자바스크립스 소스</script>"와 같이 <script>태그를 이용하여 직접 자바스크립트 소스 코딩이 불가능 합니다.

이유는 크롬브라우저에서 ctrl + shift + i 를 이용해 개발자 도구를 보면 예시 소스에는 없지만

HTML파일에 <script></script>태그를 이용하여 코딩을 할 경우 외부에 코드가 노출이 되기 때문입니다.

               개발자도구 예시)

따라서 Content-Security-Policy 메타 태그가 포함되어 있을 경우,

첫번째 방법 :

   올바르지 못한 예)  <script></script>태그를 이용하여 직접 코딩하기

   올바른 예)  외부 js파일 불러오기

두번째 방법 : Content-Security-Policy 메타 태그 삭제

세번째 방법 : Content-Security-Policy 메타 태그 아래의 

그림과 같이 수정

https://developer.chrome.com/extensions/contentSecurityPolicy - 출처

-이상 끝-

아두이노 우노와 안드로이드 BT통신 테스트 

(FB155BC BT모듈을 이용) 

우선 블루투스 통신 테스트에 앞서 블루투스 통신 원리를 간단하게 공부해 봅시다.

블루투스 동작 원리는 위에 그림과 같이 크게 Master Side와 Slave Side로 나뉘는데

Master Side는 검색 요청 및 연결 요청을 보내고, 

Slave는 검색 요청 대기 및 연결 요청 대기를 하게 됩니다.

블루투스 통신 거리범위에 포함되면 Slave에서 Master에게 자신의 정보를 송신하고

Master에서 수신된 정보가 일치하면 Connection이 이루어 지게 됩니다.

자, 이제 연결에 앞 서

우선 준비물로는 아두이노 Uno보드, 브레드보드, 케이블, LED전구, 220옴저항, BT모듈(FB155BC)가 필요합니다.

다음과 그림과 같이 연결을 해주세요.

그리고 이때 블루투스 모듈을 브레드 보드에 끼울 때 

아래의 사진을 참고 하여 GND과 3.3V가 제대로 연결 되도록 합니다.

FB155BC모듈은 3.3V전압을 사용합니다.

블루투스 모듈의 3번핀은 상태를 나타내는 LED가 연결된 핀으로, LED의 on / off or 깜빡임을 통해

블루투스 연결 상태를 나타내 줍니다.

아두이노 Uno와 브레드보드에 연결을 완료 하였으면, 

노트북과 Uno보드를 시리얼로 연결하고

Arduino sdk를 실행시켜 아래의 소스를 컴파일 -> 업로드 합니다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

#include<SoftwareSerial.h>

SoftwareSerial BTSerial(5, 6); //Connect HC-06 TX,RX

void setup() 

{

  Serial.begin(9600);

  Serial.println("Hello!");

  // set the data rate for the BT port

  BTSerial.begin(9600);

}

void loop()

{

  if (BTSerial.available())

    Serial.write(BTSerial.read());

  if (Serial.available())

    BTSerial.write(Serial.read());

}

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

이제 인터페이스 없이 노트북과 아두이노에 장착된 FB155BC모듈과의 통신이 가능합니다.

윈도우즈의 내장 통신 프로그램인 하이퍼터미널을 실행해서 

Name는 마음대로~ 적습니다.

OK를 누르면

아두이노 Uno 포트와 같은 포트번호로 Connect using을 설정해주고 OK!

다음 화면의 포트설정에서 그림과 같이 비트/초 = 9600, 흐름제어 = 없음을 선택하고 확인!

그러면 다음 화면으로

Serial.println("Hello!"); 라는 소스를 넣었기 때문에 

Hello!가 출력 됩니다.

그리고 처음에 하이퍼터미널을 실행하면 AT 명령어를 타이핑할때 화면에 아무런 표시가 나지 않는데

이부분은 다음과 같이 설정합니다.

1. 파일 메뉴에서 속성을 클릭 합니다. 설정 탭에서 ASCII 설정을 클릭 합니다.

2. 보낼 줄 끝에 줄 피드 및 입력 된 문자가 로컬 에코 확인란을 선택 합니다를 클릭 합니다.

3. 확인을 클릭 하 고 확인을 클릭 합니다. 이제 AT 명령어가 화면에 표시됩니다.

AT -> 입력 해서 OK가 출력 되면 정상 !

그리고 여기서 중요한 것이 FB155BC모듈은 초기 설정 상태가 Slave이기 때문에

설정을 바꿔 줄 필요가 없으며, 블루투스 대기 상태를 만들기 위해

AT+BTMODE,3 이라는 명령어 또는 AT+BTSCAN을 입력 해줍니다.

AT+BTMODE,3은 항시 블루투스 연결 대기 설정 명령어 입니다.

저는 AT+BTSCAN 이라는 명령어를 입력하고 OK 가 되었습니다. 

OK 라는 응답이 돌아오면 아두이노  브레드보드의 LED가 깜빡이게 됩니다.

이는 위에서 말한 블루투스 모듈의 3번핀의 STATUS가 블루투스 통신 연결 대기 라는 의미입니다.

이제 핸드폰과 연결을 하기 위해 

안드로이드 마켓에서 BlueTerm 이라는 블루투스 앱을 다운로드 합니다.

그다음 실행하고

핸드폰의 메뉴 버튼을 누르고, device 검색을 누르면

FB155v2.2.1 이라는 이름의 모듈이 검색됩니다.

아래 그림과 같이

문자 또는 기호가 포함된 PIN을 꼭 체크 하시고

디바이스 초기 핀번호인 BTWIN을 입력하면

커넥션이 정상적으로 됩니다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

<연결된 안드로이드폰 화면>

<하이퍼 터미널 화면>

하이퍼 터미널 화면에 

CONNECT 1CAF058D41E6은 안드로이드와 연결이 된 것이고

안드로이드에서 

hi my name is jintae 라는 텍스트를 적고 전송을 눌렀더니,

정상적으로 하이퍼터미널창에 표시된 것을 확인 할 수 있습니다.

참고로 하이퍼터미널에 많은 AT명령어를 계속 보내면

OK가 아닌 ERROR이 뜰 수 있으니 조금씩의 텀을 간격으로 명령어를 보내주세요!

이상 안드로이드와 아두이노 블루투스 모듈의 통신 테스트 였습니다.!!

절차 지향과

객체 지향은 

C나 Java와 같은 프로그래밍 언어를 공부할때 

언어에 대한 이해를 돕기 위해 자주 듣게 되는 말이다.

그 중 객체 지향의 개념에 대해서 간단한 슬라이드로 쉽게 설명 하는 글을 보았다.

객체지향 개념

http://www.slideshare.net/plusjune/ss-46109239  

출처- slideshare

  Seung June Lee 

(1 SlideShare) , 부장/팀장 at KBSEC

보안과 관련해서 말이 많았던 카카오톡이

12.09일 새로운 업데이트를 했네요!

다음카카오는 8일 “사용자의 사생활 보호 강화를 위해 카카오톡에 1:1 비밀 채팅 모드와 채팅방 재초대 거부 기능을 추가한다”고 밝혔다.

비밀 채팅 모드로 대화할 경우 암호화된 대화 내용을 풀 수 있는 키가 사용자 단말기에만 내장돼 서버에서는 대화 내용을 원천적으로 확인할 수 없다.

우선 카카오톡 비밀 채팅 모드는 일반 채팅보다 사용자 정보보호를 한 단계 더 강화한 새로운 형태의 대화방으로 비밀 채팅 모드는 암호를 풀 수 있는 키를 서버에 저장하지 않고 휴대폰등 개인 단말기에 저장하는 종단간 암호화(end-to end encryption) 기술을 적용한다. 이 기술을 적용하면 암호화된 대화 내용을 풀 수 있는 암호키가 휴대폰에만 저장되어 서버에서 대화 내용을 확인할 방법이 원천적으로 차단 된다.

출처 - 다음카카오

비밀 채팅방을 만드는 방법은 두가지가 있습니다.

1. 기존의 방에서 비밀채팅방 만들기

2.  채팅 종류 선택에 비밀채팅 선택하기

이번 업데이트와 관련하여  그림으로 쉽게 이해하기위해!

출처 - 다음 카카오

비밀 채팅 모드는 암호를 풀 수 있는 키를 서버에 저장하지 않고 

개인 단말기에 저장하는 방식이라는데 

보안이나 개인프라이버시와 관련해선 상당한 이점인것 같고 

비밀 채팅 또한 친구로 추가되어 있는 사람만 가능하게 함으로써

모르는 사람이 카톡을 보내왔을 경우는 일반 카톡방으로 만들어지게끔 한 부분은 

좋은 업데이트 내용인 것 같아요!

비밀채팅방은 일반방과 다르게  보이스톡, 음성메시지, 선물하기, 연락처, 위치정보 등

부가기능이 축소되어서 조금 불편 할 수도 있을것 같습니다!

그리고 방을 나가기 해버린 경우, 범죄에 관련해서는 대화내용을 열람할 수가 없기때문에

그런부분은 어떻게 해결될 수 있을까 궁금하네요!

http://m.zdnet.co.kr/news_view.asp?article_id=20141205111038

타이젠 무료강의가 열린다고 하네요!

열공합시다 굿굿!

Host-side와 wearble-side의 

간단한 데이터 전송을 위해 HelloAccessory 예제를 이용하여 

Intergrated형 app을 만들기 위해  설정을 해보겠습니다.

우선

http://developer.samsung.com/gear 사이트에서

samsung Accessory SDK 를 다운 받습니다.

다운 받고 압축을 해제 한 뒤,

파일을 열어보면  smaplses -> accessory -> HelloAccessorySampleApp에 들어가보면

두 파일이 들어 있는 것을 확인 할 수 있습니다.

Consumer는 wearable side의  프로젝트이고

Provider는 host side의 프로젝트입니다.

provider는 eclipse에 임포트 해주고, 

consumer는 Tizen IDE for wearable에 임포트 해주겠습니다.

1. eclipse에 provider import! 

2. Tizen IDE에 consumer import!

각각 임포트를 해주고

우선 이클립스에 provider부분먼저 설정을 하겠습니다.

이클립스에 HelloAccessoryProvider라는 임포트된 프로젝트에 보시면

res -> xml -> accssoryservices.xml 파일이 있습니다.

파일을 열고

1. accessoryservices.xml의   serviceProfile 태그에 있는

내용들을 타이젠 accessoryservices.xml의  serviceProfile 태그

에 싹 복사 붙여넣기.

아래그림처럼 싹 복사한뒤

타이젠 IDE의 HelloAccessoryConsumer 프로젝트의 res- > xml -> accessroyservices.xml 파일을 열고

복사한 내용을 <serviceProfile       ----------------</serviceProfile> 태그안에 복사해줍니다.

복사 한후에 

 2. serviceLimit과  serviceTimeout, serviceImpl은 지웁니다.

3. serviceProfile에 role을 provider -> consumer로 바꿉니다.

그다음 js -> main.js를 열고

4.  main.js에 ProviderAppName을 " HelloAccessoryProvider"로 바꿔줍니다.

5. index.html 에 소스 추가

 <head> </head>태그 안에 <script>  태그를 만든다음 아래 소스를 추가시킵니다.

GalaxyGear.onConnect(function(e) {

    alert("Connection Successfully Established - handle: " + e.handle);

    GalaxyGear.onDataReceived(e.handle, function(e) {

        alert("Data received - handle: " + e.handle + " data: "+ e.data);

    });

    GalaxyGear.sendData(e.handle, "Hello From Cordova!");

});

마지막으로 기어를 연결시키고 Tizen IDE를 실행시킵니다.

실행후에

생성된 HelloAccssoryConsumer.wgt 파일을 복사한 뒤, 

이클립스의 HelloAccessoryProvider -> assets에 붙여넣기 해줍니다.