안녕하세요~ totally 개발자입니다. 오늘은 파이어베이스 연동을 진행해보도록 하겠습니다. 추후 올릴 유튜브 강좌에서는 아래 연동 부분은 생략할 것이기 때문에 블로그 포스팅을 통해 참고하여 진행해주시기 바랍니다. Step 1: 파이어베이스 콘솔에 접속합니다. https://console.firebase.google.com/u/1/?hl=ko Step 2: 프로젝트를 추가합니다. 저는 test-project로 명명하겠습니다. Step 3: 애널리틱스 사용 설정으로 해주시고 '계속'을 선택합니다. Step 4: 기존에 생성하신 애널리틱스 계정이 있다면 선택해주시고 없으시면 새로 생성하시면 됩니다. Step 5: 애널리틱스 계정을 아래처럼 입력하시고, 위치 선택 후 저장해주시면 됩니다. Step 6: 새 프..

안녕하세요~ totally 개발자입니다. Firebase Authentication 저번 시간에 이어서 오늘은 Firebase Authentication(인증) 전화번호를 활용해서 문자 메시지 숫자코드를 받아 인증하는 방법에 대해서 알아보도록 하겠습니다. Step 1: 파이어베이스에 접속하여 Authentication -> Sign-in method -> 새 제공업체 추가 버튼을 눌러줍니다. Step 2: 다음처럼 추가해주시고 테스트용 전화번호 있는 경우에는 예시용 인증코드로 사용할 코드와 전화번호 넣어주셔서 저장해주시면 됩니다. Step 3: ios simulator 환경에서 SMS 코드 수신을 위해 Xcode를 열어줍니다. (맥북 사용자 기준) ios 경로로 들어가셔서 Runner.xcodeproj ..

안녕하세요~ totally 개발자입니다. Firebase Authentication 오늘 알아볼 부분은 Firebase Authentication 인증 관련 내용입니다. 이 Authentication를 사용하여 이메일 인증, 휴대전화 인증 등을 간단하게 구축할 수 있습니다. Step 1: 콘솔 -> 프로젝트 들어가신 뒤 Authentication를 눌러줍니다. Step 2: 아래에 시작하기 버튼을 클릭해줍니다. Step 3: 이메일/비밀번호 부분을 선택해줍니다. Step 4: 다음처럼 사용 설정 해주시고 저장해줍니다. Step 5: 플러터 코드를 작성해줍니다. 예제에 사용한 파일은 총 4개입니다. (main.dart, login.dart, signup.dart, home.dart) [main.dart] ..

안녕하세요~ totally 개발자입니다. Firebase & Flutter 연동 오늘은 플러터와 파이어베이스를 서로 연동하는 방법에 대해 살펴보도록 하겠습니다. Step 1: 파이어베이스 웹사이트에 접속하셔서 구글 아이디로 로그인 하신 뒤, 콘솔로 이동해줍니다. Step 2: 기존에 프로젝트 만드신 것이 있다면 그 프로젝트로 가시면 되고, 새로 만들어야 한다면 프로젝트 추가 버튼 눌러주시면 됩니다. 저는 기존에 JavaScript 용도로 파이어베이스 프로젝트를 생성한 적이 있어서 새로 프로젝트 만들지 않고 여기에서 앱 추가 버튼을 눌러주면 다음 스크린샷처럼 Flutter를 선택할 수 있습니다. 먼저 firebase CLI를 https://firebase.google.com/docs/cli?authuser..

안녕하세요~ totally 개발자입니다. 오늘은 Delete(remove) 즉 데이터를 삭제하는 방법에 대해서 살펴보겠습니다. 사실 데이터를 삭제하는 방법은 매우 간단합니다. 바로 예제를 살펴보도록 하겠습니다. 아래처럼 ref 함수 사용해준다음, remove() 함수만 호출해주시면 데이터를 삭제할 수 있습니다. // 파이어베이스 변수 초기화 firebase.initializeApp(firebaseConfig); // 데이터베이스 변수 const database = firebase.database(); // 데이터 삭제 database.ref("students").remove(); 실행했을 때 저번 시간에 있었던 데이터가 사라지고 아래처럼 null로 표현되는 것을 알 수 있습니다. 다음 시간에는 Fires..

안녕하세요~ totally 개발자입니다. 오늘은 이미 삽입된 데이터를 업데이트하는 방법에 대해 살펴보도록 하겠습니다. 업데이트 방법은 매우 간단합니다. // Initialize Firebase firebase.initializeApp(firebaseConfig); // 데이터베이스 변수 const database = firebase.database(); // 데이터 불러오기 database.ref("students").update({'age': 17, 'grade': 'B'}); 위처럼 코드 작성해주시면 되며 update 부분에 객체로 변경할 key와 value만 넣어주시면 갱신할 수 있습니다. 위처럼 바로 실시간으로 변경된 모습을 확인할 수 있습니다. [전체 소스 코드] Firebase EXAMPLE ..