고무망치의 Dev N Life 고무망치의 Dev N Life

소스 다운로드 > https://github.com/cpromise/realtimeChat 이 예제에 사용된 소스 : deactivate with E-mail을 다운로드 받으시면 됩니다. 이 예제를 완성시킨 소스 : keep logged in with localstorage을 다운로드 받으시면 됩니다. 웹앱을 만들면 브라우저의 속성을 많이 사용할 수 있습니다. 브라우저의 window객체에는 localStroage라는 객체가 있습니다. (sessionStorage도 있으나 차이가 있음.) localStorage와 sessionStorage의 유일한 차이는 만료기간을 설정할 수 있다는 것인데요. Ionic에서 제공하는 localStorage를 사용하여 로그인값을 유지시키는 예제를 진행해보겠습니다. Step ..

소스 다운로드 > https://github.com/cpromise/realtimeChat E-mail주소로 간단한 가입하기. 먼저 화면을 좀 바꿔봅시다. Facebook으로 로그인하기 예제에 이어서 작업할 것이므로 제가 표시한 코드만 참고하시면 됩니다!! Step 1. E-mail, 비밀번호 입력창, 버튼을 만들어 줍시다. 코드에는 어떻게 넣어줬나 보십시다! input태그 2개, 버튼태그 2개를 만들어주었고 Login(), Register()메소드를 사용하겠다고 선언했군요. 그럼 화면은 끝났고 컨트롤러로 가봅시다!! Step 2. Controller를 수정해 봅시다. login(), register()를 구현해주었습니다. * 로그인타입이 여러종류(페이스북, 이메일)이므로 로그인타입을 명시해줬습니다. l..

1탄 보러가기(클릭) 소스 다운로드 > https://github.com/cpromise/realtimeChat 이 예제에 사용된 소스 : initAgain을 다운로드 받으시면 됩니다. 이 예제를 완성시킨 소스 : Login with Facebook을 다운로드 받으시면 됩니다. 이 예제는 Firebase에서 실시간 채팅 구현하기(클릭시이동)에 이어서 진행됩니다. 이제 앱단을 고쳐보도록 합시다! Step 1. 두 번째 탭을 로그인을 처리하는 탭으로 사용합시다~! 이렇게 만들기 위해서 일단 tabs-account.html을 바꿔줍시다~! 간단하쥬~~? 3줄밖에 안썻어요! 저같은 경우는 이미지로 버튼을 대체했는데, 그냥 텍스트로 써주셔도됩니다!! Step 2. 컨트롤러를 수정해줍시다! 로그인버튼을 클릭하면 실..

소스 다운로드 > https://github.com/cpromise/realtimeChat 이 예제에 사용된 소스 : initAgain을 다운로드 받으시면 됩니다. 이 예제를 완성시킨 소스 : Login with Facebook을 다운로드 받으시면 됩니다. + Firebase번외편!! f 페이스북으로 로그인하기 매우 많은 스크린샷으로 안내할테니 따라만 와주신다면 문제없이 작동할 겁니다. Step 1. 페이스북에 앱 등록하기 https://developers.facebook.com/ 으로 이동해주세요. (클릭하면 이동) 이런 화면이 나왔죠? 로그인 하시고 My Apps > Add a New App 을 클릭하여 이동합시다. 하이브리드앱이므로 웹사이트로 만들어줍시다!! 앱의 이름을 적고 Create App I..