Peter's hardware & software

React native에서는 React Query가 있어서 디따 편하게 했는데;;; 찾아보니까 Flutter에는 대표적으로 사용되는 React Query처럼 대표적으로 많이 사용되는 패키지는 없는 듯해... 음 뭐 그렇다고 Firestore 테스트를 못할 건 아니니까! 프로젝트 구조적으로 개판이되서 글치.. 암튼 고고.. 달려! 우선 Firebase console 설정부터! 그리고 걍 프로덕션 모드에서 시작하기 선택(로그인하면 DB 접근 가능)하고 다음 그리고 DB 위치를 선택해야 하는데 asia-northeast3가 서울 리젼이니까 난 이거 선택했음. 그런데 실제로 배포할 때는 여러가지 고려할 게 많겠지 주요 사용자의 위치라던지, 리전마다 DB 가격도 틀리니깐! (서울 리젼이 조금 비쌌던 걸로 기억함...

2022.10.11 - [Flutter] - Flutter - Firebase auth! 이메일 로그인. Flutter - Firebase auth! 이메일 로그인. 난 React native로 앱을 만들 때 firebase를 주로 사용했어. Firebase authenticate, Firebase firestore, Firebase Storage, Firebase function 이런 것들을 사용했었지. 사실 혼자서 백앤드까지 할 자신이 없어.. engschool.tistory.com 이메일 로그인을 해봤어. 그리고 나면? 그럼 소셜 로그인을 해봐야지! 구글이랑 애플만 해보면 될 거 같아. 카카오처럼 firebase가 지원 안하는건 별로도 해보는 게 좋겠어. Flutter 만으로 끝나지 않거든. 카카오..

난 React native로 앱을 만들 때 firebase를 주로 사용했어. Firebase authenticate, Firebase firestore, Firebase Storage, Firebase function 이런 것들을 사용했었지. 사실 혼자서 백앤드까지 할 자신이 없어서 쉬워 보이는 거 찾다보니 google firebase랑 aws amplify 둘 중에 선택하게 되더라고 😅 난 결국 firebase를 선택했는데 amplify는 아직 본격적으로 사용해보지 않아서 잘 몰라. 게다가;;; flutter를 하고 있잖아? 그래서;;; 더더욱 amplify는 해볼 기회가 없어지네 ㅠㅠ 암튼 flutter나 firebase나 둘다 구글거니까 연동 잘되도록 만들어놨겠지? 일단 firebase에서 프로젝트..

2022.10.10 - [Flutter] - React Native에서 Flutter로 갈아타기 #8 - Navigation React Native에서 Flutter로 갈아타기 #8 - Navigation React native에서는 react navigation를 사용했었는데.... react navigation 말고 다른 옵션이 있나? 음.. 암튼 React navigation에는 여러가지 navigator가 있는데 보통 Bottom tab navigator에 stack navigator.. engschool.tistory.com 👆👆 (이전 글에서) React navigation으로 했던 bottom tab navigator와 stack navigator를 합친 구조를 Flutter에서 구현해봤어...

React native에서는 react navigation를 사용했었는데.... react navigation 말고 다른 옵션이 있나? 음.. 암튼 React navigation에는 여러가지 navigator가 있는데 보통 Bottom tab navigator에 stack navigator를 합쳐서 사용해. Bottom tab으로 3-4개의 tab을 마련하고 그 안에 여러개의 screen이 stack navigator에 묶여 있는 거지. 페이스북을 예로들면 6개의 tab이 있고 각 탭마다 여러개의 screen을 가지고 있는 stack navigator가 있어. 그래서 사용자가 댓글달기를 누르거나 사용자 사진을 누르면 tab은 가만히 있고 stack navigator 안의 스크린만 샥 이동하는 거지. 그래..

Provider! 이게 우리가 flutter에서 할거야. Provider는 State management 패키지야. React에서 Redux라고 불렀던 그것 비슷한 것이지. 심플하게 말하자면 전역적으로 관리되는 state management? 정도 될거 같은데? 사실 나는 Redux는 모르고 Recoil만 사용했었는데 ㅋㅋㅋ 뭐 전역 변수 관리 툴이 그게 그거겠지 ㅋㅋㅋㅋ 암튼 Recoil에 대해서는 아래 글 참고하시고 ㅋ 2022.05.24 - [React Native] - Recoil 가장 기본적인 사용법 Recoil 가장 기본적인 사용법 난 최근에 React native를 시작해서 그런지 왠만하면 최신 라이브러리를 사용하고 싶더라고~ 그래서 상태 관리 라이브러리도 가장 최근에 나온 Recoil을 사..

React Native에서는 하위 컴포넌트로 데이터를 전달할 때 props을 사용했지. 👇👇 import React, { useState,useEffect } from 'react'; import { Text, TouchableOpacity, View, Button } from 'react-native'; function App() { const [number, setNumber] = useState(0); const onIncrease = () => { setNumber(prev => prev + 1); console.log(number); } const onDecrease = () => { setNumber(prev => prev - 1); console.log(number); } return ( {..

2022.10.04 - [Flutter] - React Native에서 Flutter로 갈아타기 #4 - useState => setState React Native에서 Flutter로 갈아타기 #4 - useState => setState React native 상태 관리가 쉬웠었나? 어려웠나?.. 글쎄.. 난 늦게 react native를 시작해서 useState() 같은 훅으로 상태 관리하는 걸 배웠거든.... 그래서 음.. 딱히 어렵지 않았어. 예를 들어 number라는 state.. engschool.tistory.com 저번에 useState를 간단하게 살펴봤고 오늘은 useEffect를 살펴보자구. useEffect는 component의 lifecycle 관리를 위한 것이지... lifecy..

React native 상태 관리가 쉬웠었나? 어려웠나?.. 글쎄.. 난 늦게 react native를 시작해서 useState() 같은 훅으로 상태 관리하는 걸 배웠거든.... 그래서 음.. 딱히 어렵지 않았어. 예를 들어 number라는 state가 유지되게 하려면 아래처럼 👇👇 useState()를 사용했잖아? import React, { useState } from 'react'; import { Text, TouchableOpacity, View } from 'react-native'; function App() { const [number, setNumber] = useState(0); const onIncrease = () => { setNumber(prev => prev + 1); cons..

Lorem ipsum 들어봤나? 가짜로 만드는 문장 이야기 하는 거임 ㅇㅇ. 디자인에 글이 필요할 때가 있잖아? 그런데 "어제 부대찌개 먹는데 김부장이 침튀어서 따귀 때리고 싶었다." 이렇게 써놓으면 안되잖아? 그래서 그럴싸하지만 읽어보면 전혀 말이 안되는 그런 문장을 로렘 입숨이라고 그랴. "때로는 별들에 떠오르는 태양은 숨죽였다." 뭐 이런식으로 말이지. 이미지도 그럴 때가 있잖아 아무거나 하긴 뭐하고... 대강 아무거나 있어보이는 거 넣고 싶은데 언제 그거 일일이 찾아서 넣어. 이럴 때 랜덤으로 사진을 가져올 수 있는 사이트가 있어. 👇👇 https://picsum.photos/ Lorem Picsum Lorem Ipsum... but for photos picsum.photos 사용법은 초간단해...