달란트(Talanton)

##c%% 이세상 소풍 끝내는 날
 가서 아름다웠더라고 말하리라.##e%%1

---------------------------------

##s%%0##t%%귀천##a%%천상병##c%%나 하늘로 돌아가리라
 새벽빛 와 닿으면 스러지는
 이슬 더불어 손잡고
 
 나 하늘로 돌아가리라
 노을빛 함께 단둘이서
 기슭에서 놀다가
 구름 손짓하면은
 
 나 하늘로 돌아가리라
 아름다운##n%%1

------------------------------

##c%%끄러움 가득 머금은 벚꽃에 
봄 날에 그렇게 빠져들었나 보다
봄에 빠진 우리들이 하나 둘씩 
분홍색 부끄러움 한 잎씩 떨어트려
저 벚나무를 피워냈나 보다.##e%%1

------------------------

##s%%1##t%%벛꽃은 그렇게 피더라##a%%김인성##c%%봄 바람 산뜻 불어오는 길목에 
벚꽃이 순하게 피어있다.
무엇이 그렇게 부끄러운지 
붉게 물들인 채로
하루는 꽃 내음에
하루는 나비의 날개짓에
하루는 못 다핀 한 떨기의 꽃에
부##n%%1

-------------------

##c%%지 않는다

슬픈 맹약에 서사시도 아닌. 
서글픈 매일의 서두름에
오감의 황홀함이 악세서리처럼
몸에 둘린다.
슬픈 기억만이 전설에 남는것은 아니다.
독특하고 흔하지 않은 삶의 영혼이 
흔한 삶을 무르익게 한다.

##e%%1

-----------------------

##s%%1##t%%추억##a%%k##c%%붉게 물든 서녁에 비친 바다에 
물소리의 기억밖에 나지 않는다.
수면 위에 반짝이는 향기가.
마치 샛별의 숨소리같다.

별은 또 다시 바다를 비춰 
운명을 비추려는 것일까
검은 하늘의 별들이 사라지##n%%1

----------------------------

##c%%관처럼 술잔을 기운다.

가슴 한켠 낡은 사랑은

빗방울 되어 기다림에 스민다.

시리도록 아름다웠던 기억도

일상이 되어버린 슬픔도

어제처럼 오늘도...

아무 일도 아닌 것처럼

빗물 속에 숨는다.

##e%%1

--------------------------

##c%%진 화장을 지운다.

시간이 지나면 괜찮아 질 거라는 말

그런 거짓말 세상에 없더라...

어제처럼 오늘도

아무 일도 아닌 것처럼

흐린 거울 속에 숨는다.

바보 같은 남자...

오래된 사진을 지운다.

습##n%%1

---------------------------------

##s%%1##t%%독백##a%%곽명길##c%%제목 : 독백                   

바보 같은 여자...

화장을 지운다.

즐거웠던 기억도, 행복했던 기억도...

언제나 기다려 줄꺼라 믿었던 미소도...

습관처럼 얼룩##n%%1

구글 플레이 스토어에서 운영 중인 "클래식 음악 -600곡"의 2017년 1월 1달 동안 사용자들이 이용한 Top 5 (Play 및 다운로드)

Play Top 5

[1] 아베 마리아, 구노

[2] 전주곡 1권 중에서 No.8 La Fille aux Cheveux de Lin (arr. Hartmann), 드뷔시

[3] "카벨레리아 르스티카나" Intermezzo sinfonico, 마스카니

[4] 바흐 관현악 모음곡 3번 D장조 BWV 1068 II. Air, 바흐

[5] 클라리넷 5중주 A장조 KV 581 II. Larghetto, 모차르트

Download Top 5

[1] 피아노 소나타 14번 C sharp단조 op. 27-2 "월광" I. Adagio sostenuto, 베토벤

[2] 트로이메라이 - 어린이 정경 op. 15-7 (실내악 편곡), 슈만

[3] 자장가 D flat장조 op. 57, 쇼팽

[4] 동물의 사육제 Le Cygne, 생상스

[5] 타이스의 명상곡 (2010~2011년 시즌, 갈라쇼), 마스네

클래식음악 - 600곡 https://play.google.com/store/apps/details?id=com.talanton.music.player

Android studio를 이용해 폰갭 앱을 개발하기 위한 방법을 기술해 본다. (윈도우 7 OS를 기준)

1. node.js를 설치

  - https://nodejs.org/en/ 사이트에서 최신 버전의 Node.js를 다운로드 받는다.

    (작성 시점에서 v6.9.5로 node-v6.9.5-x64.msi 파일)

  - 다운로드 받은 파일을 실행하여 설치한다.

  - 컴퓨터를 다시 시작한다.

  - cmd창을 열고, 다음과 같이 입력하여 phonegap을 설치한다.

    c:> npm install -g phonegap

2. ant 설치

  - http://ant.apache.org 사이트에서 download 사이트로 이동

    (ant.apache.org/bindownload.cgi)

  - 1.10.1 zip archive 파일을 다운로드 (apache-ant-1.10.1-bin.zip 파일)

  - 적당한 디렉토리로 이동 후 압축을 푼다.

  - 환경변수 PATH에 다음을 추가한다.

    + ANT_HOME : ant가 설치된 디렉토리 경로

    + ANDROID_PLATFORM : android sdk에 있는 platform-tools 디렉토리 경로

    + ANDROID_TOOL : android sdk에 있는 tools 디렉토리 경로

    + PATH에  %ANT_HOME%\bin;%ANDROID_PLATFORM%;%ANDROID_TOOL%; 추가

  - cmd 창에서 설치하고자 하는 디렉토리로 이동한 후 다음 명령어를 수행하여 phonegap을 설치

    + C:> phonegap create my-app[경로] com.example.myapp[패키지명] MyApp[프로젝트명]

    + C:> cd my-app

    + C:> phonegap platform add android    // 오랜 시간이 소요

  - Android Studio에서 phonegap이 적용된 프로젝트 생성

    + Android Studio를 시작한다.

    + 위에서 생성한 android platform 프로젝트는 Eclipse 환경의 프로젝트 구조이므로 Android Studio 버전으로 변환한다.

    + 위에서 설치한 디렉토리 my-app의 platforms/android 디렉토리를 기존의 Eclipse ADT로 읽기를 수행하여 import 한다.

    + 프로젝트를 build하고 Run As하여 휴대폰에 앱을 설치하면 PhoneGap 앱이 수행된다.

오늘은 안드로이드에서 웹앱을 만드는 방법에 대하여 기술한다.

참고 : Do it 안드로이드 앱 프로그래밍 3장 웹브라우저 사용하기

예제 파일 : SampleWebView

안드로이드 스튜디오에서 "Import project(Eclipse ADT, Gradle, etc..)" 메뉴를 사용하여 위의 예제 파일을 import 한다. 그러면 안드로이드 스튜디오 버전으로 변경된 프로젝트 SampleWebView1이 생긴다.

이 예제는 기본적으로 휴대폰에 내장된 서버 기능을 가지고 있다.

그래서 assets 디렉토리에 sample.html과 face_angry.png, face_normal.png 파일이 있다.

안드로이드 휴대폰을 사용하는 사용자는 보통 이동통신 요금을 정액제를 사용한다.

그래서 자신의 휴대폰 요금에 맞게 사용할 수 있는 패킷 데이터양이 제한이 있다.

외부의 서버에 접속을 하면 휴대폰내의 앱에서 서버에 접속하여 html, css, js, images 파일들을 통신을 통하여 가지고 와서 동작을 해야 한다. 이처럼 외부 서버를 이용하기 위해서는 서버와의 통신이 필요한 것이다.

그러나 이러한 통신의 양을 줄이는 방법이 외부 서버를 사용하지 않고 자신의 휴대폰에 서버를 구측한다면 통신의 필요성이 줄어들게 되고, 데이터 사용량이 줄어든다.

이 예제에서는 이와 같이 서버 기능을 자신의 휴대폰에 둠으로써 인터넷 사용으로 인한 데이터 사용량의 부담을 완화한 것이다.

그러나 이러한 방법은 내 휴대폰에 앱을 설치하는 순간에 서버의 기능이 고정되어 버린다. 왜냐 하면 html, css, js, images 등 모든 서버의 기능을 담당하는 것이 앱을 설치하는 순간에 다운로드되어 버리기 때문이다.

따라서 웹의 장점인 Dynamic한 부분이 제약이 생긴다. 즉, 새로운 기능을 업그레이드 하려면, 새로운 앱의 버전을 마켓에 등록을 하고 사용자가 다운로딩을 해야 하기 때문이다.

외부 서서를 사용한다면 통신에 대한 부담은 있지만 기능의 확장이나 변경은 용이하다.

그러므로 둘간의 적정한 tradeoff가 필요한다.

SampleWebView1의 동작을 기술하면 아래와 같다.

기본적으로 자신의 휴대폰에 있는 sample.html이 동작한다.

화면의 사진을 클릭하면 사진이 변경됨을 확인할 수 있다.

동작을 자세히 기술하면, 사진을 클릭하면 HTML의 <a>가 동작하여 onClick="window.sample.clickOnFace()" 함수가 동작한다. 그래서 안드로이드 MainActivity.java에 있는 clickOnFace() 메서드가 불리게 된다.

이부분은 안드로이드와 웹의 연동을 하는 부분이다.

사진을 변경하도록 이미지를 눌렀을 때, 안드로이드의 버튼의 글자를 변경해주기 위해서 웹과 앱의 연동을 해주는 것이다.

또한 안드로이드에서 Javascript와 연동하기 위하여 webView.loadUrl(javascript:changeFace('" + myNumber + "')"); 부분이 읶는 것이다. 이것을 통해 안드로이드에서 넘겨준 글자를 message에 보여주고, 사진을 변경하는 것이다.

- 웹에서 안드로이드와 연동

  + <a onClick="window.sample.clickOnFace()">  // 웹에서 안드로이드를 부르는 부분

  + public void clickOnFace() {    // 안드로이드에서 동작하는 부분

       mHandler.post(new Runnable() {

         public void run() {

           loadBtn.setText("클릭수 열기");

         }

      }

    }

- 안드로이드에서 웹으로 연동하는 부분

  + 안드로이드에서 웹으로 시작하는 부분

    String myNumber = "abcd:;    // 안드로이드에서 웹으로 넘겨주는 값;

    webView.loadUrl("javascript:changeFace('" + myNumber + "')");    // 안드로이드에서 웹의 javascript를 호출하는 부분

  + 웹의 javascript에서 동작하는 부분

    function changeFace(input) {

      document.getElementById("face").src = "face_angry.png";    // 이미지를 변경

      document.getElementById("message").innerHTML = input;  // 안드로이드에서 수신한 글자를 보여줌

    }

자신의 PC에 서버를 구축하여 URL 주소를 입력하면 휴대폰에 있는 서버로 접속하는 것이 아니라 서버로 접속을 하게된다. 그러면 서버의 프로그램을 다양하게 변경할 수 있으며, 계속 새로운 앱의 다운로드 없이 서버의 프로그램의 변경으로 새로운 콘텐츠를 제공할 수 있다.