에바니네

[Flutter] - 멀티 스텝 로직 (feat. Stepper Widget)

일단 우리는 이 어플리케이션이 한 회사에 종속된 애플리케이션이 아닌 다른 회사 또한 사용할 수 있도록 만들기로 했기때문에 회원가입 후에 제일 먼저 회사를 정하도록 유도하는게 맞다고 생각되어, 회원가입 후 아래와 같은 멀티 스텝 로직을 통해 등록하도록 유도하고자 했습니다. 1. 조사 위와 같이 검색을 하면 제일 먼저 Reference로 나오는 것들이 Stepper Widget을 이용한 예제 였습니다. 역시.. 믿고 있었다구 플러터.. 2. 스테퍼 위젯이란 ? https://api.flutter.dev/flutter/material/Stepper-class.html Stepper class - material library - Dart API A material stepper widget that disp..

[Flutter] - 회원가입 ( Signup )

일단 일반적인 이메일이랑 비밀번호를 통한 회원가입은 구현을 앞서서 안했었고, 구글 인증만 해놓은 상태였다. 처음내가 피그마로 디자인할때, 회원가입은 따로 없고, ADMIN이 추가한 메일만 가입을 할 수 있게 하려고 했었지만, 어려웠다. 그리고 회사동료랑 이야기 해보고나서 추가해야겠다는 생각을 하고 넣게되었다. 1. 디자인비교 일단 첫번째로 Auto Login은 지우게 되었다. 이유는 Firebase Auth는 기본적으로 별다른 설정을 안해주면 세션토큰을 알아서 관리를 해준다. 그렇기 때문에 굳이 세션관리를 따로 해 줄 필요가 없어서 정말 편한거 같다 ㅎㅎ.. https://firebase.google.com/docs/auth/web/auth-state-persistence?hl=ko 인증 상태 지속성 |..

[Flutter] - 구글 로그인 ( feat. firebase )

일단 앞서서 firebase를 통해서 간단하게 이메일 패스워드로 간단하게 로그인 구현은 해놨는데, 이제 우리 회사메일도 그렇도 Gmail로 되어있기때문에 구글 로그인은 필수적이라고 할 수 있다. 1. google_sign_in package 설치 https://pub.dev/packages/google_sign_in google_sign_in | Flutter Package Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Google account on Android and iOS. pub.dev 2. app을 파이어베이스에 등록을 해줘야한다. 나는 앞서 이메일과 비밀번호를 통한 로그인을 하기 위..

[Flutter] - 로그인 구현 ( feat. Firebase )

일단 로그인을 맡게 되었다.... ! 로그인 자체를 API로 구현을 해달라고 부탁을 해야하나 어떻게 해야하다가 먼저 firebase로 간단하게 구현을 해보려고 한다. 같은 구글에서 만들어서 아마.. 사용이 쉬울거라 예상이 되었다. 그리고 문서가 정말 잘 되어있어서 따라할 수 있었다. 세팅 1 . 파이어베이스에 구글 계정 연동 및 프로젝트 생성 2. 파이어베이스 CLI 설치하기 https://firebase.google.com/docs/cli#setup_update_cli Firebase CLI 참조 | Firebase 문서 firebase.google.com 1 2 3 4 5 // firebase-CLI 사용할 수 있게해주는 패키지 npm install -g firebase-tools firebase -..

첫 사내 사이드 프로젝트 시작

사실을 기반으로 작성하였음 주저리 사실은 딱히 모바일 ( 리액트 네이티브, 플러터, 네이티브 ) 쪽에는 처음에 관심은 없었다. 근데 사내 단짝인 동료가 꼬드기기 시작했다. 언제쯤이였을까 항상 나를 자극해주는 그 친구.. 너무 좋습니다. 사실 자바스크립트만 다뤄본 나로써는 새로운 언어 Dart, 그리고 함수형 컴포넌트만 사용하게 되는 리액트를 쓰다보니 객체지향 언어 그리고 클래스 덩어리인 그 자체가 살짝 두려웠다. 하지만 그래서 내 견문이 넓히려면 더 좋은 기회일거라고 생각했다. 그래서 가볍게 노마드코드 강의를 통해서 배워보았다. 다트에 대한 첫인상은 구글이 밀어주는 엄친아 같은 느낌이였다. DX에 정말 많이 신경을 쓰고 지원해준다는 생각이 들었다. 한참 성장기라서 그런가 업데이트를 정말 자주해서 강의했..