FirebaseAuth Firebase Authentication은 토큰 인증을 사용하는 이야기 요 전날 Firebase를 이용하여 Vue.js에서 만든 SPA(Single Page Application)에 인증 기능을 폭속으로 구현한 적이 있었다. Firebase가 제공하는 공식 을 사용하여 1시간과 100행 이내의 구현으로 인증 기능을 만들 수 있었다. 이 기사에서는 Firebase SDK의 뒷면을 탐구하고 Firebase Authentication의 구조를 이해하고 구현한 소감을 ... authenticationFirebaseJWT초보자FirebaseAuth Typescript×React×Hooks로 회원관리③Formik과 Yup에서 폼바리데이션 지난번에는 Typescript×React×Hooks 및 Firebase Authentication을 사용하여 작성한 회원 관리 앱에 Context를 활용한 상태 관리를 도입하여 앱의 규모 확대에 대한 내성을 강화했습니다. 이번에는 Formik과 Yup을 활용하여 폼 바리데이션을 추가하겠습니다. 총 3회의 내용은 아래와 같습니다. Formik 및 Yup에서 양식 유효성 검사 Firebase A... FirebaseReactTypeScriptreact-hooksFirebaseAuth FirebaseUI로 일본어화 한 후 AuthDomain을 설정하고 싶습니다. 어떤 용으로 Firebase Authentication을 사용하고 있었고 FirebaseUI를 로그인 화면에 구현했습니다. 위의 링크를 보시면 알 수 있듯이 FirebaseUI에서는 아래 그림과 같이 단순히 컨테이너를 만들면 마음대로 로그인 화면을 만들어 줍니다. 결국 여기까지 도착하기까지 여러가지 망설였기 때문에 비망록적인 것입니다. ESM (ES Modules)에서 Webpack을 사용하... FirebaseFirebaseAuth Firebase의 신규 사용자 등록 금지 Firebase Authentication의 로그인 기능(EmailAuth)에서, signInOptions의 파라미터에 disableSignUp를 사용하면, UI 화면으로부터의 신규 유저의 등록을 제한할 수 있다. Firebase는 웹 앱 만들기에 편리하고 사용해 주고 있지만, 를 구현하면, 그대로라면 로그인 화면에서 마음대로 신규 유저 등록이 되어 로그인되어 버린다. SNS등은 이것으로 편... FirebaseFirebaseAuth 【LINE/Kakao 로그인편(Firebase 커스텀 로그인)】Flutter 와 Firebase로 개발자 혼자서 매칭 앱을 개발한다 안녕하세요, 어학 매칭 앱 "CROSSER"의 개발자입니다 이 「CROSSER」입니다만, Flutter와 Firebase를 이용해 개발하고 있습니다. 이번에는 CROSSER의 로그인 기능을 어떻게 개발했는지 쓰겠습니다. 어학 매칭 앱 「CROSSER」의 개요에 대해서는 이쪽을 참조해 주세요! 다음 6가지 로그인 방법이 있습니다. - 전화번호 - Facebook - Apple - LINE - ... FirebaseFlutterFirebaseCloudFunctionsFirebaseAuthLineLogin 웹용 Flutter에서 Firebase 사용하기 Flutter에서의 iOS/Android 앱 개발을 반년 정도 해왔고, 대부분의 Flutter에 익숙해져 왔다. 반대로 Flutter만 하고 있어 HTML이나 CSS를 쓰는 것이 괴로워져 왔기 때문에, Flutter for Web을 사용해 웹 앱을 만들어 보기로 했다. Flutter for Web은 현재(2020년 10월 시점) 베타판으로서의 제공 때문에 불안이 있었지만, 간단한 어플이라면 ... FirebaseFirebaseAuthFirestoreFlutter Firebase Authentication에서 Twitter OAuth를 사용하여 Twitter API에 요청 그리고 Firebase Authentication에서도 이 권장됩니다. 설정 주위에 관해서는 이미 몇개의 기사가 있으므로, 주로 iOS/Swift에서의 구현 부분에 대해서 쓰고 싶습니다. 그래서 바로 만들어 봅시다 👨🍳🐟 iOS 11.0 ~ Swift 5 FirebaseAuth 이쪽이 매우 참고가 됩니다 💁♀️ 이번까지는 를 보면 특히 헤매지 않고 구현할 수 있다고 생각합니다💁♂️ Fi... 트위터iOSFirebaseSwiftFirebaseAuth firebase auth의 User 클래스에서 얻을 수 있는 Twitter 아이콘 이미지의 크기에 대해 Firebase Auth에서 Twitter 인증을 할 때 firebase.UserInfo.photoURL에서 얻을 수있는 아이콘 이미지의 해상도가 48x48로 낮아서 곤란했습니다. photoURL에 포함된 URL 문자열의 예: 이 URL에서 얻을 수 있는 이미지 크기: html5의 캔버스에 합성하고 사용하고 싶었기 때문에 더 고화질의 것을 원했습니다. "By modifying the URL,... 트위터FirebaseFirebaseAuthTypeScript
Firebase Authentication은 토큰 인증을 사용하는 이야기 요 전날 Firebase를 이용하여 Vue.js에서 만든 SPA(Single Page Application)에 인증 기능을 폭속으로 구현한 적이 있었다. Firebase가 제공하는 공식 을 사용하여 1시간과 100행 이내의 구현으로 인증 기능을 만들 수 있었다. 이 기사에서는 Firebase SDK의 뒷면을 탐구하고 Firebase Authentication의 구조를 이해하고 구현한 소감을 ... authenticationFirebaseJWT초보자FirebaseAuth Typescript×React×Hooks로 회원관리③Formik과 Yup에서 폼바리데이션 지난번에는 Typescript×React×Hooks 및 Firebase Authentication을 사용하여 작성한 회원 관리 앱에 Context를 활용한 상태 관리를 도입하여 앱의 규모 확대에 대한 내성을 강화했습니다. 이번에는 Formik과 Yup을 활용하여 폼 바리데이션을 추가하겠습니다. 총 3회의 내용은 아래와 같습니다. Formik 및 Yup에서 양식 유효성 검사 Firebase A... FirebaseReactTypeScriptreact-hooksFirebaseAuth FirebaseUI로 일본어화 한 후 AuthDomain을 설정하고 싶습니다. 어떤 용으로 Firebase Authentication을 사용하고 있었고 FirebaseUI를 로그인 화면에 구현했습니다. 위의 링크를 보시면 알 수 있듯이 FirebaseUI에서는 아래 그림과 같이 단순히 컨테이너를 만들면 마음대로 로그인 화면을 만들어 줍니다. 결국 여기까지 도착하기까지 여러가지 망설였기 때문에 비망록적인 것입니다. ESM (ES Modules)에서 Webpack을 사용하... FirebaseFirebaseAuth Firebase의 신규 사용자 등록 금지 Firebase Authentication의 로그인 기능(EmailAuth)에서, signInOptions의 파라미터에 disableSignUp를 사용하면, UI 화면으로부터의 신규 유저의 등록을 제한할 수 있다. Firebase는 웹 앱 만들기에 편리하고 사용해 주고 있지만, 를 구현하면, 그대로라면 로그인 화면에서 마음대로 신규 유저 등록이 되어 로그인되어 버린다. SNS등은 이것으로 편... FirebaseFirebaseAuth 【LINE/Kakao 로그인편(Firebase 커스텀 로그인)】Flutter 와 Firebase로 개발자 혼자서 매칭 앱을 개발한다 안녕하세요, 어학 매칭 앱 "CROSSER"의 개발자입니다 이 「CROSSER」입니다만, Flutter와 Firebase를 이용해 개발하고 있습니다. 이번에는 CROSSER의 로그인 기능을 어떻게 개발했는지 쓰겠습니다. 어학 매칭 앱 「CROSSER」의 개요에 대해서는 이쪽을 참조해 주세요! 다음 6가지 로그인 방법이 있습니다. - 전화번호 - Facebook - Apple - LINE - ... FirebaseFlutterFirebaseCloudFunctionsFirebaseAuthLineLogin 웹용 Flutter에서 Firebase 사용하기 Flutter에서의 iOS/Android 앱 개발을 반년 정도 해왔고, 대부분의 Flutter에 익숙해져 왔다. 반대로 Flutter만 하고 있어 HTML이나 CSS를 쓰는 것이 괴로워져 왔기 때문에, Flutter for Web을 사용해 웹 앱을 만들어 보기로 했다. Flutter for Web은 현재(2020년 10월 시점) 베타판으로서의 제공 때문에 불안이 있었지만, 간단한 어플이라면 ... FirebaseFirebaseAuthFirestoreFlutter Firebase Authentication에서 Twitter OAuth를 사용하여 Twitter API에 요청 그리고 Firebase Authentication에서도 이 권장됩니다. 설정 주위에 관해서는 이미 몇개의 기사가 있으므로, 주로 iOS/Swift에서의 구현 부분에 대해서 쓰고 싶습니다. 그래서 바로 만들어 봅시다 👨🍳🐟 iOS 11.0 ~ Swift 5 FirebaseAuth 이쪽이 매우 참고가 됩니다 💁♀️ 이번까지는 를 보면 특히 헤매지 않고 구현할 수 있다고 생각합니다💁♂️ Fi... 트위터iOSFirebaseSwiftFirebaseAuth firebase auth의 User 클래스에서 얻을 수 있는 Twitter 아이콘 이미지의 크기에 대해 Firebase Auth에서 Twitter 인증을 할 때 firebase.UserInfo.photoURL에서 얻을 수있는 아이콘 이미지의 해상도가 48x48로 낮아서 곤란했습니다. photoURL에 포함된 URL 문자열의 예: 이 URL에서 얻을 수 있는 이미지 크기: html5의 캔버스에 합성하고 사용하고 싶었기 때문에 더 고화질의 것을 원했습니다. "By modifying the URL,... 트위터FirebaseFirebaseAuthTypeScript