취미공작소

개발을 할때 깔끔하고 분위기있는 배경화면은 앱을 더욱 고급스럽게 만들어 준다. 하지만 앱에서 화려한 백그라운 이미지는 컨텐츠에 집중도를 떨어뜨리기 때문에 블러를 줘서 분위기만 담아주는 정도가 적당하다고 하겠다. 우선 로그인 폼을 기준으로 예제코드를 올려보겠다(login.html) Login Form Forgot your login detail? Get help signing in Log in OR Login with facebook Don't have an acoount? Sign up // Styles for all of the user pages: // Login, Signup, Support page-user { .logo { padding: 20px 0; min-height: 200px; text..

우선 Ionic을 이용해서 앱개발을 하고 서버에 배포를 할때 무엇을 사용할까 고민하다가 여러 사이트들을 돌아본 결과 firebase가 쉬운 배포와 실시간 데이터 베이스등 여러가지를 고려해봤을 때 좋은 조합을 만들수 있을 것같아서 적용해 보기로 한다. 우선은 당연하겠지만 https://console.firebase.google.com 에서 firebase에 가입한다. 그리고 프로젝트를 만들고 firebas CLI를 설치한다. (이것을 통해서만 배포가 가능하고 배포한 소스를 다운받거나 할 수는 없다고한다. 하지만 롤백기능은 제공하고 있다. 그래서 소스관리는 git이나 SVN을 통해서 하면 좋을 것같다.) $ npm install -g firebase-tools $ firebase -V 3.0.4 파이어베이스..

아이콘은 1024*1024splash image는 2732*2732 resources폴더 밑에 icon.png 와 splash.png를 등록하고 ionic cordova resources 위에 명령어를 입력하면 platform 별로 아이콘과 스플래시 이미지가 생성된다.

xcode 를 실행하지 않고 콘솔명령어로 ios platform 실행하기 위해서는 ios-deploy를 설치 해야한다. sudo npm install -g --unsafe-perm ios-deploy 사전에 xcode가 설치되고 개발자 아이디가 등록되어 있어야 실행된다. 하지만 오픈소스로 다양한 오류가 발생할 수 있다 그러므로 ios는 CLI빌드후 xcode로 실행하는 걸 권장한다.

환경변수(Mac .bash_profile, Window 시스템 환경변수Path) export PATH="/Users/{사용자이름}/Library/Android/sdk/platform-tools:$PATH" 추가하면 됨사전작업 : 안드로이드 스튜디오 설치

IONIC을 공부하려고 이전 자료들을 검색해 보니 설치 명령어가 변경된 것이 있어서 정리를 해본다. ionic platform add android -> ionic cordova platform add android ionic platform add ios-> ionic cordova platform add ios 이전 명령어를 실행하면 rename되었다고 안내가 나오지만 적어 놓아 본다. 그리고 안드로이드 emulate를 띄울때도 ionic emulate android ->ionic cordova emulate android로 변경되었고 물론 다들 아시겠지만 ionic 프로젝트 폴더 안에서 해당 명령어를 시작해야 하며ANDROID_HOME이 path에 설정되어 있어야 해당 emulator가 동작한다. ..