본문 바로가기
반응형

전체 글59

[좋아요 구현] 좋아요 기능을 위한 데이터베이스 구상 비 관계형 데이터의 최대 장점인 유연함을 여기서 확인할 수 있습니다. 다이어리 데이터에 또하나의 컬렉션을 추가하여 운영할 수 있다는 점인데요! 쉽게 생각하여 이런 형태입니다. diary → doc → field → likes → doc → field 따라서 다이어리 게시글 안에 좋아요 리스트, 즉 likes 데이터베이스가 또 들어가는 형태입니다. 그러면 우린 쉽게 좋아요 데이터를 가지고 올 수 있을 것 같습니다 2022. 10. 20.
로그인한 상태에서 앱을 껐다 키면 어느 화면을 보여줘야 할까? 로그인한 상태에서 앱을 껐다 키면 어느 화면을 보여줘야 할까?앱을 완전히 껐다가 켰을 때, 다시 로그인해야 하면 사용자들이 귀찮아하겠죠? 그럴 때 현재 로그인이 되어 있는지 체크 한 후, 로그인한 적이 있으면(아직 로그아웃하지 않았다면) 바로 메인 화면으로 보내는 로직을 세워보고자 합니다. 그러기 위해선, 앱이 꺼져도 저장/관리한 데이터는 계속 사용할 수 있는 AsyncStorage를 사용해야 합니다. 2022. 10. 20.
[회원가입] 파이어베이스 회원가입: Authenication irebase Authentication API로 회원가입 시도회원가입을 위한 API는 어렵지 않습니다. 이미 우리가 전부 준비해놓은 파이어베이스 라이브러리에서 만들어져 있는 **'함수'**를 꺼내 사용하는 거라, 쉽게 생각하셔도 좋습니다config 폴더에 firebaseFunctions.js 파일을 하나 만들고 다음 코드를 입력해주세요 앞으로 파이어베이스 라이브러리에서 1) 회원가입 함수, 2) 로그인 함수, 3) 데이터베이스 이용 함수들을 꺼내 사용할 계획이라, 아예 자바스크립트 파일 하나를 만든 후, 그 장소에서 관리해보는건 어떨까 싶습니다. 👉 가입을 위한 데이터가 준비되었다면 본격적으로 파이어베이스에 회원가입을 위한 API 요청을 진행합니다. 2022. 10. 20.
[탭 네비게이터 다루기] 탭 네비게이터 적용 탭 네비게이터 설치 & 적용 탭 네비게이터 기본 도구들을 설치하도록 하겠습니다. terminal에 다음 명령어를 입력/실행해주세요 [코드스니펫] - 탭 네비게이터 도구 설치 명령어 yarn add @react-navigation/bottom-tabs 👉 탭 네비게이터도 하나의 페이지라고 생각하시면 간단합니다. 큰 도화지에 여러 페이지가 들어 있고 하단에 어떤 페이지로 갈지 버튼을 둔 모습이죠. 카카오톡, 페이스북, 인스타그램 그리고 많은 앱들이 하단 탭 버튼을 가지고 있습니다. 이러한 UI를 선호하는 이유는 한 화면에 여러 페이지를 쉽게 보여줄 수 있기 때문입니다. 이 또한 네비게이션에서 제공해주는 기능으로, 우리도 쉽게 적용해보도록 하겠습니다. 👉 위 이미지와 같은 앱 화면은 아주 일반적으로 볼 수 있.. 2022. 10. 20.
반응형

티스토리툴바