728x90

프로그래밍/IONIC 5

[IONIC]background image blur

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

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

728x90