Cordova platform 추가 시 Api.js가 없다고 하면~

Cordova 프로젝트에 플랫폼을 추가할 때 다음과 같은 메시지가 나온다면,

  Error: Your XXXX platform does not have APi.js

관리자 권한 (sudo)로 해 볼 것! 권한문제로 추가할 플랫폼 파일을 쓰지못해 발생하는 경우가 있음.

Cordova run (or emulate) target 바꾸기

브라우저에서 cordova 프로젝트를 실행하려면, "cordova run browser" 명을 사용하면 된다. 그럼 기본으로 설정되어 있는 브라우저에서 실행된다.

여러 이유로 다른 브라우저에서 실행하고 싶다면 --target 옵션을 주면된다. 그리고 이 옵션에 어떤 값을 사용할 수 있는 지 알려면 "cordova run browser --list" 명령을 이용하면 된다. 그런데 이게 잘 안 나온다. 그래서 그냥 해 봤는데 다음과 같이 하면 다른 타겟에서 실행할 수 있다.

Browser의 경우

FireFox에서 실행시키려면 --target=firefox

Android의 경우

--target=emulator-5554 (5554는 Android 에뮬레이터의 포트번호)

Cordova Project를 Android Project에 합치기

1. CordovaLib Module로 추가

2. Android Main Module의 Dependency에 CordovaLib 추가

3. Android Main Module에 Cordova 프로젝트의 assets, platform_www, src 복사

4. AndroidManifest.xml에 Cordova 프로젝트의 내용 추가. <activity>, <service> 등.

  - 시작 Activity를 나타내는 action.MAIN 수정

  - 내용 중 일부 수정해야 함.

5. Cordova 프로젝트의 res/xml/config.xml 파일을 Android Main Module의 같은 위치에 복사.

  - 이거 안 하면 class not found 오류 나옴.

Touch Event 처리용 JavaScript 라이브러리 Hammer.js

모바일 WebApp 개발 중 Swiping (혹은 Panning) 이벤트로 처리해야 할 부분이 있었는데 mouse(혹은 touch) up, down, move 등의 이벤트로 구현하려니 성능 및 사용자 경험이 안 나와서...

뒤져 보니 Hammer 라는 좋은 라이브러리가 있네요.

http://hammerjs.github.io 참고.

Easing Effect 참고자료

Easing Effect가 어떤 것인지 궁금하면 아래 참고.

http://easings.net/ko

결국 이 효과를 주기 위해, 속성 값을 시간에 따라 효과에 맞게 변화시키는 함수가 필요하게 됨. 이건 아래에 있음

http://gsgd.co.uk/sandbox/jquery/easing/

재미있네요.

NGINX 설치 및 간단한 사용법

AWS EC2를 Amazon Linux AMI로 생성한 후 NGINX를 설치할 때의 방법 및 환경에 대해 정리한 내용임.

설치환경: AWS EC2 + Amazon Linux AMI

설치 방법 (참고: https://nginx.org/en/linux_packages.html)

1. Repository 설정

/etc/yum.repos.d/nginx.repo 파일에 다음과 같이 설정

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/mainline/OS/OSRELEASE/$basearch/
gpgcheck=0
enabled=1

baseurl 중 OS는 rhel, OSRELEASE는 7로 설정함.

2. 설치

sudo yum install nginx

3. 실행

nginx

4. 컨트롤 명령

nginx -s [stop|quit|reload|reopen]

• stop: fast shutdown
• quit: graceful shutdown
• reload: 설정 파일을 다시 로딩
• reopen: 로그 파일을 다시 열기

5. ROOT 경로

/usr/share/nginx/html

6. 로그 파일 경로

/var/log/nginx/access.log

7. 설정 파일 변경

설정 파일 위치: /etc/nginx/nginx.conf

https://nginx.org/en/docs/beginners_guide.html 참고

http://kwonnam.pe.kr/wiki/nginx/location

* 아래와 같이 path와 파일명의 앞과 일치하는 경우 계속 redirection 하다가 오류가 나는 현상이 있음.

    location /send {

        # return 302 /sender.html;

        rewrite .* /sender.html;

    }

* HTTP를 HTTPS로 전환하려면, 다음과 같이 수정

    server {

        listen       80 default_server;

        listen       [::]:80 default_server;

        server_name  localhost;

        return 301 https://$host$request_uri;

    }

https://www.bjornjohansen.no/redirect-to-https-with-nginx 참고함.