2017년 6월 9일 금요일

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

Cordova 프로젝트에 플랫폼을 추가할 때 다음과 같은 메시지가 나온다면,
  Error: Your XXXX platform does not have APi.js

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

저작자: Yes, 상업적 이용: No, 컨텐츠 변경: No

2017년 4월 25일 화요일

Cordova run (or emulate) target 바꾸기

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

Browser의 경우
FireFox에서 실행시키려면 --target=firefox

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


저작자: Yes, 상업적 이용: No, 컨텐츠 변경: No

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 오류 나옴.


저작자: Yes, 상업적 이용: No, 컨텐츠 변경: No

2017년 2월 9일 목요일

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

모바일 WebApp 개발 중 Swiping (혹은 Panning) 이벤트로 처리해야 할 부분이 있었는데 mouse(혹은 touch) up, down, move 등의 이벤트로 구현하려니 성능 및 사용자 경험이 안 나와서...
뒤져 보니 Hammer 라는 좋은 라이브러리가 있네요.
http://hammerjs.github.io 참고.


저작자: Yes, 상업적 이용: No, 컨텐츠 변경: No

2017년 2월 7일 화요일

Easing Effect 참고자료

Easing Effect가 어떤 것인지 궁금하면 아래 참고.
http://easings.net/ko

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

재미있네요.

저작자: Yes, 상업적 이용: No, 컨텐츠 변경: No