PgMaru

이미지를 업로드하면, 자동으로 앱(Android, iPhone등)용 launcher Icon들을 만들어 주는 사이트

https://icon.kitchen/

package명은 AndroidManifest.xml과 MainActivity.kt에 존재한다.

이 두가지는 일치해야 하며, 일치하지 않으면 안드로이드에 설치는 되더라도 실행이 되지 않는다.

둘 중 한가지만 변경하지 말고, 항상 두가지가 동일하게 변경되도록 주의해야 한다.

그리고, 앱 설치후 실행이 안되는 경우에는 이 두가지가 불일치하는지도 살펴보아야 한다.

1. 기종에 맞는 PC Suite를 PC에 설치

2. 안드로이드폰을 개발자용으로 변경

 - https://pgmaru.tistory.com/349

3. 개발자 옵션에서, USB 디버깅 허용

4. USB 설정 선택(USB 연결)을 파일전송(MTP)로 변경

5. 이후로 PC와 안드로이드 폰을 연결하면, Debug Device로 안드로이드폰을 선택할 수  있게 된다. 

일단 안드로이드의 설정으로 들어간다.

빌드 번호를 찾아서 들어간다.(메뉴 경로는 안드로이드 버전이나 기종별로 다를 수 있다.)

빌드번호를 7번 탭하면 개발자용 Device로 변경이 되며,

이후로는 설정 메뉴에 개발자 옵션 항목이 나온다.

그동안 매달려온 Crayon Pentix를 구글 앱스토어에 출시완료하였다.

물론 좀더 손볼 곳이 있긴 하다. (화면 표시 부분)

하지만, 광고(AdMob) 삽입을 마지막으로, 

기나긴 여정이 끝났다.

특히나 코로나로 인해 구글의 앱 검토 시간이 길어지는 바람에,

테스트에 소요되는 시간이 많이 길어졌다.

그래도 이제 마무리가 되었고, 감회가 새롭다.

메뉴, 게임 진행, 광고 뿐 아니라, 음악까지도 스스로 만들어내는,

진정한 1인개발자가 된 느낌이 든다.

바로가기: Crayon Pentix

Crayon Pentix는, 테트리스류의 게임이다.

차이점은, 하나의 블록이 4개가 아닌 5개의 사각형으로 구성된다는 점이다.

그래서, 점수를 올리기가 훨씬 어렵다.

하지만 하다 보면 요령이 생기고, 재미도 붙는다.

그리고, 배경음악을 들으면서 게임을 하다보면,

몸과 마음의 쉼을 얻을 수도 있다.

크로스플랫폼 전략은, 개발에 들어가는 노력을 줄이기 위한 대책이다.

원래대로 모든 디바이스에서 사용 가능하도록 앱을 개발하려면,

PC용 버전, 안드로이드 버전, 아이폰 버전, 윈도우즈폰 버전을 

해당 언어로 제각각 개발해야 한다.

하지만, 크로스플랫폼 프레임워크를 이용한 개발은

한번 개발한 소스를 다양한 디바이스에 활용할 수 있게 해 줌으로써

이러한 노력을 줄여준다.

결과물에 따라, HTML을 이용하여 웹뷰 환경에서 돌아가게 해주는 하이브리드 앱과,

네이티브 코드로 변환되어 돌아가는 형태로 나뉘어 지는 것 같다.

그리고 현재 이러한 개발을 가능케 해 주는 여러가지 도구들이 출시되어 있다.

그중에 흥미로운 것들 몇개를 추려서 살펴보면 다음과 같다.

1. Apache Cordova

 - 하이브리드앱 개발 도구이다.

 - 웹뷰에서 실행된다.

 - Visual Studio 및 Visual Studio Code에서 사용가능하다.

 - HTML 및 Javascript, CSS를 사용할 수 있다.

 - HTML5의 범위를 벗어나는 기능(디바이스 고유 기능)에 대해서는, 해당 기능을 연결시켜주는 컴포넌트를 추가해서 제어할 수 있다.

   (누군가 개발해 준 컴포넌트가 존재해야 하는데, 대체로 존재한다.)

 - 속도의 한계, 복잡한 기능 구현에 있어서 코딩의 한계가 있을 수 있다.

 - 실제로 간단한 게임 개발을 위해 사용해 본 결과, 괜찮은 편이다.

2. Xamarine

 - 크로스플랫폼을 논할 때 빠지지 않고 등장하는 편이다.

 - 네이티브 앱으로 변환된다.

 - C#기반이며, OpenPlatform이다.

 - 좋다는 평도 있고, 버그 등의 여러가지 이유로 불편하다는 평도 있다.

 - 언어적으로 C#의 탈을 썼을 뿐, 결국 IOS나 안드로이드를 연구해야 한다고 한다.

3. React Native

 - Javascript 및 React기반으로 크로스플랫폼 개발을 하는 도구이다.

 - 네이티브 앱으로 변환된다.

 - 최근 인기가 상승세인가보다.

4. Electron

 - Chromium과 Node.js를 사용한다. (HTML, Javascript, CSS를 통한 개발)

 - 웹기술을 사용하는 하이브리드앱에 속할 것 같다.

 - 깃허브에서 개발중이다.

 - 데스크탑(Desktop) 어플리케이션 개발도 가능하다.

 - Visual Studio Code등과 같은 훌륭한 프로그램 개발사례들이 있다.

이밖에도 여러가지 도구들이 있고, 

자고 일어나면 많은 변화가 생기고 있다.

기존에 없던 기능이 추가되거나 신규 경쟁자들의 진입이 활발하며,

금새 쇠락의 길을 걷기도 한다.

지금 내게 무언가를 선택하라고 한다면, Electron을 선택할 것 같다.

하지만, 언제 맘이 바뀔지는 나도 모른다.

Node.js를 서버에 설치하는 방법은 여러가지가 있는데,

그중에서도 인터넷이 되지 않는 서버에 Node.js를 설치하는 과정을 기록해 본다.

그 과정은, 크게 두가지로 나눌 수 있을 것이다.

- Linux Binaries 파일 압축 풀기

- 경로 설정

다음 사이트 내용을 참고하여 진행하였다.

https://github.com/nodejs/help/wiki/Installation

다음과 같은 단계로 진행한다.

1. Linux Binaries 파일 다운로드

https://nodejs.org/en/download/

인터넷이 되는 PC에서, 위 사이트로부터 환경에 맞는 파일을 다운로드한다.

내 경우에는, Linux Binaries (x64)를 다운로드하였다.

2. Linux Binaries 파일 Linux 서버에 전송

FTP를 통해, 다운로드한 파일을 Linux 서버에 전송한다.

내 경우에는, Linux서버의 /usr/local/lib에 src라는 폴더를 만든 다음,

chmod를 써서 FTP로 업로드할 수 있도록 권한을 변경한 후에,

su -
mkdir -p /usr/local/lib/src
chmod 777 /usr/local/lib/src

FTP프로그램을 써서 해당 폴더에 업로드하였다.

3. 압축 해제

mkdir -p /usr/local/lib/nodejs
tar -xJvf /usr/local/lib/src/node-v10.16.0-linux-x64.tar.xz -C /usr/local/lib/nodejs

4. 경로 설정

su가 아닌 일반 유저 상태로 전환 후, 다음과 같이 vi 에디터를 열고,

exit
vi ~/.profile

다음 내용을 추가한 다음 저장하고,

# Nodejs
VERSION=v10.16.0
DISTRO=linux-x64
export PATH=/usr/local/lib/nodejs/node-v10.16.0-linux-x64/bin:$PATH

다음 명령어를 통해 profile을 업데이트함

. ~/.profile

5. 다음 명령어를 통해 install이 잘 되었는지 확인

node -v
npm version
npx -v

사실상, 일부를 제외하곤 https://github.com/nodejs/help/wiki/Installation의 내용을 그대로 따라하였다.

다음 사이트 내용을 참고로 작성한 내용이다.

Publishing the App in the Windows Store

윈도우즈 스토어에 앱을 등록하기 위해서는, 먼저 윈도우즈의 개발자로 등록이 되어 있어야 한다.

• 개발자 계정

• 먼저 Microsoft에 등록이 되어 있어야 한다. 등록된 Microsoft 계정에 개발자 권한을 추가로 부여받는 식이다.
• https://developer.microsoft.com/ko-kr/store/publish-apps에서 개발자 등록을 진행하면 된다.
• 한화로 2만원 전후의 등록 비용이 발생하며, 이를 위해 카드 결재 정보를 입력해야 한다.
• 개발자 계정 등록을 완료하면, 대시보드가 생성된다.

'테트리스'를 모르는 사람은 없을 것이다.

네개의 타일로 구성된 도형이 위에서 아래로 떨어지는 동안,

위치를 조절하고 회전시키면서 빈틈 없이 쌓아 나가는 게임이다.

빈틈 없이 쌓여진 줄은 화면에서 사라지고,

그 보상으로 점수가 올라간다.

'펜틱스'(영어로 Pentix)라는 게임은, '테트리스'와 유사한 게임인데,

차이점은 도형이 5개의 타일로 구성된다는 것이다.

그러다 보니, 줄을 완성시키는 것이 

'테트리스'에 비해 훨씬 어렵다.

테트리스에 자신 있는 사람이라도,

펜틱스에서 좋은 결과를 올리기는 힘들 것이다.

그다지 대중화된 게임은 아닌 듯 하여,

앱으로 출시된 것도 많지는 않은 것 같다.

그래서 취미로 한번 만들어서

구글 플레이스토어에 올려 보았다.

Crayon Pentix

원래 Simple Pentix, Crayon Pentix 등의 이름으로 

2016년에 구글 앱스토어에 출시한 게임인데,

이번에 업데이트하려 하였으나 release key를 분실하여

다시 만들어 올렸다.

그리고, 음악과 몇가지 편의기능을 좀더 추가하였다.

이제 진정한 게임개발자로 데뷔한 느낌이 든다.

• Cordova 설치
• Node.js설치 : https://nodejs.org/en/
• npm 업데이트 : npm install npm -g
• Cordova 설치 : npm install -g cordova
• Visual Studio Code 설치
• https://code.visualstudio.com/
• Cordova 새 프로젝트 생성
• cordova create <path>
• 타겟 플랫폼 추가(Android SDK와 같은 개발 환경은 미리 설치되어 있어야 함)
• cordova platform add android
• cordova platform add ios
• cordova platform add browser
• ...
• 앱에 필요한 Plugin 설치
• http://cordova.apache.org/plugins/에서 검색후, 안내에 따라 설치
• cordova plugin add <plugin_name>
• 소스 수정 통한 게임 개발
• Cordova build
• Google Play에 배포(베타 버전)
• Google Play Developer Console의 게임 서비스 설정
• 소스 수정(게임 서비스 이용하도록)
• Cordova build
• Google Play에 배포(베타 버전)
• 테스트
• Google Play에 정식 배포

*폰트 관련 도움말

http://www.clien.net/cs2/bbs/board.php?bo_table=lecture&wr_id=239971