취미공작소

개발을 할때 깔끔하고 분위기있는 배경화면은 앱을 더욱 고급스럽게 만들어 준다. 하지만 앱에서 화려한 백그라운 이미지는 컨텐츠에 집중도를 떨어뜨리기 때문에 블러를 줘서 분위기만 담아주는 정도가 적당하다고 하겠다. 우선 로그인 폼을 기준으로 예제코드를 올려보겠다(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..

아이콘은 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가 동작한다. ..