안드로이드 메모 어플 예제소스 - 메모장, 손글씨 저장/로드/수정/공유 기능

메모 어플

전에도 블로그에 제가 가지고 있는

메모 어플 소스를 공유했었습니다.

메모 어플1

메모 어플2

그 당시에는 안드로이드를 배운지

얼마 안된 시점이어서 정말 기본적인

디자인과 기능 구현에만 급급한

어플이었습니다.

그런데 이번에 제 카페를 통해 정말

괜찮은 메모 어플을 하나 공유받았습니다.

일단 아래 공유 받은 메모 어플 구동

영상을 한 번 봐보시기 바랍니다^^

아 해당 메모 어플 소스는

pdReport 카페에 공유해 놓았습니다!

어플 구동 영상도 카페에 올려 놓았습니다.

디자인은 심플하고 깔끔합니다~

딱 제 스타일ㅋㅋㅋ

위에 사진을 보시면 왼쪽이 어플 실행 시

첫 화면이고, 오른쪽 사진은 어플 구동이

완료되면 뜨는 화면입니다.

일단 첫 화면을 보시면 저한테 공유해주신

분의 실명이 뜹니다^^; 수정하려고 했더니

저 첫 페이지 자체가 이미지 파일어디라구요

위에 실명을 없애기 위해서는 이미지 파일을

직접 수정해 주셔야 됩니다!

카페에서 해당 어플의 전체 소스를 받으시면

위에 경로에 memo1.png 파일이 있습니다.

>카페가기<

이 파일이 실명이 박혀 있는 첫 화면에

해당하는 이미지 파일입니다.

해당 파일을 그림판이나 포토샵으로 수정해

주셔야 됩니다!!!

그림메모를 저장한 화면입니다.

위와 같이 저장한 순간의 날짜, 시간 정보로

파일명이 자동으로 지정됩니다.

상단에 메뉴는 세 개 있습니다.

메모추가, 그림메모(메모장)이동, 삭제

두번째 메뉴는 상황에 맞게 그림메모,메모장

이동 버튼으로 바뀝니다.

저장한 그림메모를 불러온 화면입니다.

제가 악필인 점 너그러이 이해해주세요;

불러올 땐 끊김없이 잘 로딩됩니다!!!
  

이번에는 메모장에서 입력하는 화면과

해당 메모를 저장한 모습입니다.

하단에 캡쳐 리스트라는 버튼이 있는데

이 버튼을 누르면 저장한 그림메모를

볼 수 있는 화면으로 이동이 됩니다.

메모를 하나 더 저장해 봤습니다~

그리고 위에 어플 구동 동영상을

보시면 아시겠지만 저장한 메모나

그림메모를 삭제할 수도 있습니다.

한 번에 여러개를 삭제하는 기능도

잘 구현되어 있습니다 *^^*

그리고 아주 친절하게 저장한 메모나 그림메모를

공유할 수 있는 기능도 있습니다~

동영상을 보시면 카톡으로 공유하는 모습도

볼 수 있습니다~~~

아 그리고 어플 아이콘도 아주 예쁘게

만들어져 있습니다~

아주 공들여서 만든 어플인게 느껴집니다~

pdReport 카페에서 공유 받으세요!!!!!

[ANDROID] 색 선택 가능한 안드로이드 그림판 어플 예제 소스

안드로이드 그림판

예전에 한창 안드로이드 작업할 때

가지고 있던 예제를 보다가 아직

공유를 해놓지 않은 안드로이드 예제들

중에서 괜찮다 싶은게 몇 개 있어서

공유해 봅니다. 간단한 예제입니다^^

그림판 어플인데 아래 영상을 보시면

아시겠지만 색깔 선택이 가능한

안드로이드 그림판 어플입니다.

색상은 빨간, 파란, 노란색 세 개 밖에

없지만 다른 색상 추가하는 건

그리 어렵지 않을 겁니다.

해당 android 그림판 어플은

카페에 공유해 놓았습니다!!

pdReport

그림판 어플은 구글링이나 네이버 검색을 통해

쉽게 예제를 찾으실 수 있을 겁니다.

하지만 몇몇 그림판 예제의 문제는 그림을

많이 그릴 수록 점점 어플이 느려진다는

점입니다. 이유는 그림이 그려질 때마다 해당

정보를 계속 저장했다 화면에 다시 뿌려주는

작업이 반복이 되는데 데이타가 많아짐에

따라 점차 느려지는 현상입니다.

예전 안드로이드 공부를 하던 책에서도

이에 대한 해결책을 줬었는데 기억은

잘 안나네요 ㅎㅎ 어쨌든 이 그림판

어플은 느려지는 현상 없이 제대로

동작하길래 가지고 있었던 거 같습니다~

필요하신 분은 pdReport 카페에 가서

내려 받아서 사용하시기 바랍니다

그림판 안드로이드 예제는 위와 같이

이클립스로 작업한 프로젝트입니다.

만약 스튜디오에서 구동하셔야 된다면

이클립스 프로젝트를 스튜디오에서

구동하는 방법에 대해 포스팅 해놓은

글이 있습니다. 아래의 링크로 가시면 됩나다!

스튜디오에서 이클립스 프로젝트 Import 해오는 방법

그 외 질문이 있으시면 카페 QnA 게시판에

질문 남겨 주세요~

ionic, angularjs 를 이용한 웹소켓(WebSocket) 예제

웹

요즘 부쩍 웹 기술에 관심이 많아지고 있습니다.

웹 개발자가 너무 많아서 웹 하면 개발자로

롱런 못한다는 이야기도 들었지만 일을 해볼수록

웹 기술을 익혀 놓으면 써 먹을 때가 많다라는

생각이 계속 듭니다~ 특히나 웹-앱 간 하이브리드 웹앱이

참 매력적인 분야인 거 같습니다~

물론 제가 요즘 회사에서 웹 작업 위주로 하고

있어서 섣부른 판단일 수도 있지만 웹 관련 된

새로운 기술을 접할 때마다 놀라곤 합니다~

특히나 요즘은 AngularJS를 이용한 작업을

하고 있는데 애초에 제가 웹 개발을 해본적이

많이 없어서 절대적인 비교는 할 수 없지만

AngularJS 를 통한 화면 작업은 참 재미 있으면서도

좋은 예제도 많고,그 예제들만 잘 이용해도

어지간한 어플리케이션은 다 만들 수 있을거 같습니다

물론 아직 우리나라에서는 생소한 기술이지만

구글에서 AngularJS 예제를 검색해 보면

정말 많은 예제들이 있어서 작업하는데 많은

도움이 되는게 사실입니다~

Ionic

그리고 계속 작업을 하다 보니 역시나

제가 생각했던 기술이 있더라구요

바로 Ionic 인데 Ionic을 통해서 AngularJS 프로젝트를

생성할 수 있으며, 작업한 AngularJS 프로젝트를

안드로이드, 아이폰 어플로도 변환할 수도 있습니다.

아이폰 변환까지는 못해 봤지만 안드로이드 변환은

해봤습니다. 변환 작업을 하면 APK 파일이 생성되며

해당 파일을 안드로이드 스마트폰에서 실행하면

핸드폰에 설치가 되더라구요~~~

참 대단한 세상이고 대단한 개발자,

대단한 기술이거 같습니다 ㅎㅎㅎ

Ionic은 우연찮게 찾은 기술인데

앞으로 Ionic을 이용해서 개인적인

작업도 해 볼 생각입니다~

웹소켓

해당 작업을 위해서는 자바 서버와

웹 클라이언트가 필요합니다.

웹 클라이언트는 AngularJS를 통해서 구현했습니다.

자바로 구현한 웹소켓 서버입니다.

원래는 자바를 사용하지 않고

AngularJS로만 작업을 하려고

했는데 작업을 하다가 CORS

라는 엄청난 문제에 봉착했습니다.

CrossDomain 문제라고도 하던데..

간단하게 내용을 말씀드리자면 ㅠ

프로토콜이나 IP, 포트가 다른 서버 간

JavaScript 통신은 막는다... 

뭐 대충 이런 내용이더라구요..

예를 들면 제 로컬에서 JavaScript

함수를 이용해서 웹 페이지를 읽어오거나

로딩해 오려고 하면 그럴 수 없게 막아

막는다는 거죠... 해결 방법은 서버 쪽에서

응답 헤더에 뭔가 설정을 해줘야 된다고

하는데... 전 계속 client 작업을 해서

결국 결국.. 포기했었습니다. 그런데

생각해 보니 동일한 작업을 javascript만

사용하지 않으면 되더라구요... 그래서

제가 자바 서버를 구현해서 angularjs

client에서 자바 서버로 작업을 요청하면

자바 서버에서 해당 작업을 수행하는

형태로 구현하려고 웹소켓을 이용하게

됐습니다^^;;;;;;;;; 참 이렇게 하기까지

길고 기 여정이었습니다 ㅠㅠㅠ