# Firebase
[TIL] 0704 | React with Redux, Next.js, TypeScript
✍🏻 0704 | React with Redux, Next.js, TypeScript ✓ 로딩 State 다루기 ✓ 오류 처리하기
멋쟁이사자처럼 프론트엔드 스쿨 2기 61_Day
firebase클라우드 서비스🕵️♀️firebase란?보통 Front-end <-> Back-end <-> DB 로 서버를 구축하고 데이터를 주고 받는다. 하지만, firebase를 사용하면 서버 없는 개발을 가능하게 하기 때문에 백엔드 없이도 웹 서비스
Android 파이어 베이스 Dynamic Link 사용하기
파이어베이스 공식문서에 정말 친절하게 하나부터 열까지 전부 알려주고 있지만 그래도 나처럼 헤매는 사람들이 있을 거라 생각하고 블로그를 써본다..먼저!! dynamiclink sdk를 추가해준다.그 다음 내가 dynamick link를 사용하고 싶은 앱을 등록해줍니다\~
Firebase 와 카카오 API 로그인 개발 일지 (NextJS , TypeScript)
과정을 남기기 위해 작성한 미완성 글입니다.카카오 developers에서 애플리케이션을 설정해주었다. 지난 프로젝트에서 다른 팀원이 카카오 로그인 API 연결을 SDK로 하셨다가 REST API 로 변경하신게 기억에 남아 REST API를 이용하려고 한다.애플리케이션에
[FLUTTER] Social login - Google_without firebase
이번 글에서는 파이어베이스를 사용하지 않고 구글 로그인을 사용하는 방법에 대해서 설명하려고 한다.구글 로그인은 스토어에 서비스 중인 많은 앱들이 기본적으로 사용하는 소셜 로그인 방법 중 하나이며, 새로운 프로젝트를 진입시 로그인 로직을 우선 개발해야 하는 경우 ADB/
파이어베이스 사용 이유
클라이언트 단에서 정확한 아이디와 비밀번호를 서버에 보내주면 서버는 클라이언트에게 토큰(Token) 값을 돌려준다.토큰 : 일정한 시간이 지나면 만료되는 임시 값아이디와 비밀번호를 매 요청마다 주고 받으면 계정 정보가 유출될 위험이 높기 때문에 안전하게 토큰을 사용한다
FlutterFire 사용 가이드
플러터 파이어베이스 CLI 설치 과정 정리 1. 파이어베이스 CLI 설치 2. firebase login 3. firebase 프로젝트 리스트 확인 4. FlutterFire CLI 설치 5. Firebase를 사용하도록 앱 구성 6. Firebase 초기화
[Firebase] Authentication
아래 작업들을 하기 위해서는 Android Studio의 앱과 Firebase의 프로젝트 연동작업을 해야한다. \[Firebase] Firebase 연동 및 사용 또한 원활하게 테스트를 진행하기 위해 Firebase의 프로젝트에 해당 앱의 디버그 키를 입력한다.
로그아웃 구현
사이트 이동을 위한 네비게이션 파이어베이스를 이용한 로그아웃사이트를 이동하기 위해서 react-router-dom의 Nav 컴포넌트를 활용한다.네비게이션 컴포넌트 작성 라우터가 이를 제어하도록 라우터에 추가한다.회원가입이나 로그인 페이지에서는 출력하지 않아도 된다. 따
[Firebase] Event Listener
참조한 위치에 데이터가 변화가 일어날 때마다 매번 읽어옴예시 : 현재 참조한 위치인 users에 속한 데이터 중 하나라도 변경이 되면 매번 users 전체를 읽어온다.데이터를 딱 한번만 읽어온다.참조한 위치에 변화가 일어나도 더 이상 데이터를 불러오지 않는다.addVa
회원가입 & 로그인 구현
파이어베이스의 인증 기능을 사용한 회원가입과 로그인 기능을 구현한다. firebase 인증 모듈 사용 fbase.js 파일에 파이어베이스 인증 모듈을 임포트해준다. 내보내준 authService는 (auth 모듈은) 현재 로그인한 사람을 확인하는 currentUse
초기 설정
FirebaseNode.jsReact.jsfirebase는 다양한 서버 기능을 제공한다.https://firebase.google.com/?hl=ko&authuser=0 여기서 확인가능~데이터 저장을 위한 데이터베이스 서비스회원가입, 로그인을 위한 인증 서비스
[TIL] 0627 | React with Redux, Next.js, TypeScript
✍🏻 0629 | React with Redux, Next.js, TypeScript ✓ Meals 데이터를 백엔드로 이동하기 ✓ Http를 통해 Meal 데이터 가져오기
React Native에서 다이나믹 링크 사용하기
이번에는 내가 근무하고 있는 회사에서 앱을 개발하면서 배웠던 내용들을 정리해보자 한다. 보통 앱을 개발하게 되면, 만약에 기획내용에 따라 앱이 소셜 컨샙을 잡고있어 공유기능이 추가되는 경우가 많을 것이다. 만약 공유기능이 추가된다면 공유할 때 링크를 하나 추가해 앱에
