Latest posts
Firebase 배우기 14 – Firestore Database 수정(Update) 하기
선행지식 앞선 글에서 키워드 검색을 통해 특정한 필드에서 해당 키워드에 해당하는 레코드를 찾는 코드를 만드는 과정을 소개했었고, https://blog.naver.com/mythee1/223494445392 Firebase 배우기 6 – Firestore DB를 키워드 검색하기 1. 선행지식 앞선 2개의 글에서 Firestore Database에 데이터를 (사진 파일 포함)을 업로드하는 방법과, … blog.naver.com 이렇게 검색된 결과들에 대하여 선택적으로 추가 동작을 진행하기 위한 메뉴 버튼들을 다음과 같이 추가하는…
Firebase 배우기 13 – 엑셀파일의 데이터를 Firestore로 쉽고 간단하게 업로드하는 방법
엑셀은 사용하기 쉽고 시각적인 활용도가 높아, 많은 사람들이 기초적인 자료 관리에 많이 사용하고 있으며, 엑셀로 기존에 많은 데이터가 정리된 경우들도 매우 빈번하다. 이러한 이유로 엑셀파일 데이터를 Firebase에서 DB 데이터로 활용하고자 하는 경우가 많은데, 이러한 방법은 잘 알려져 있지 않기도 하고, 원론적으로는 별도의 프로그램을 작성해야 해서 복잡하기도 하다. 참고로, FIrebase 공식 사이트에서는 https://www.youtube.com/watch?v=E0xofSMYc6Y&list=WL&index=35&t=620s 라는 영상에서…
Firebase 배우기 12 – Firebase에서 게시판 만들기 (1) – 간단한 게시판 만들기
Firebase의 Cloud DB 솔루션인 Firestore는 그 자체가 Database인데, 이를 이용하면 게시판을 만들 수 있다. 게시판 자체도 일종의 DB라고 볼 수 있기 때문이다. 다만 취미로 Firebase를 사용하는 정도의 사용자 경우에, 다소 완성도가 떨어지더라도 게시판을 편하고 쉽게 만드는 방법을 인터넷을 찾아보아도 적당한 것을 찾을 수 없어 직접 만들게 되었다. 물론 내가 잘 사용하곤 하는 Copilot의 도움을 받았다.…
Firebase 배우기 11 – Firestore Database 키워드 검색 및 삭제(Delete)하기
앞선 글에서 Firestore DB에 저장된 자료의 특정 필드를 대상으로 키워드 검색하는 것을 소개한 바 있었다. https://blog.naver.com/mythee1/223494445392 Firebase 배우기 6 – Firestore DB를 키워드 검색하기 1. 선행지식 앞선 2개의 글에서 Firestore Database에 데이터를 (사진 파일 포함)을 업로드하는 방법과, … blog.naver.com 그런데 DB 등록을 하다 보면, 다음과 같이 실수로 중복 등록을 했다든가, 더 이상 해당 문서가…
Firebase 배우기 10 – Firestore DB 등록 자료를 특정 필드 기준으로 정렬하여 읽어오기
FIrestore Database에 컬렉션으로 등록한 자료를 읽어와 웹페이지에 표시하는 것을 이전 글에서 소개한 바 있었다. https://blog.naver.com/mythee1/223493415455 Firebase 배우기 5 – Firestore DB 자료 가져오기 – Copilot 도움으로 개발하기 앞선 글에서 Firestore DB에 자료(사진 파일 포함)을 업로드하는 이론적인 방법과, Copilot AI를 활… blog.naver.com 그런데 이렇게 자료를 읽어와 표시하다 보면, 표시되는 순서가 다소 제멋대로인 형태가 되곤 한다.…
Firebase 배우기 9 – Firestore DB 등록 자료에 자동순번 카운터 추가하기
앞선 글에서 Firestore의 컬렉션(=DB)에 자료를 업로드하는 것과, 관련 사진 등의 파일 자료를 올리는 방법을 소개했었다. https://blog.naver.com/mythee1/223493076303 Firebase 배우기 4 – Firestore DB에 자료 올리기 – 기본방법과, MS Copilot을 사용해서 아주 쉽게 개발한 과정 소개 1. Prerequisite – 준비 앞선 2개의 글을 통해 Firebase에 처음 가입하고, 초기설정하는 방법과, Visual… blog.naver.com 그런데, 이렇게 자료를 등록한…
Firebase 배우기 8 – 웹서비스 로그인 처리
다음과 같은 이전 글에서 Firebase를 이용한 서비스에서, 사용자 등록을 간단히 몇 줄로 처리하는 방법을 소개한 바 있었다. https://blog.naver.com/mythee1/223495997534 Firebase 배우기 7 – 서비스 가입 처리 Firebase에서는 서비스 가입자에 대한 가입자 등록과 관련된 기능을 쉽게 구현할 수 있도록 firebase-auth… blog.naver.com Firebase에서는 이렇게 서비스에 가입한 사용자들의 로그인도, 거의 비슷한 코드를 이용하여 역시 간단하게 처리할 수 있다.…
Firebase 배우기 7 – 이메일과 패스워드를 이용한 회원 가입 처리
Firebase에서는 서비스 가입자에 대한 가입자 등록과 관련된 기능을 쉽게 구현할 수 있도록 firebase-auth 기능을 제공한다. 이를 이용하면 쉽게 신규 가입자 등록을 처리할 수 있는데, 가장 대표적인 Email과 Password를 이용하는 경우, 다음과 같이 firebase.auth().createUserWithEmailAndPassword(이메일, 패스워드).then() 함수를 이용하여 가입자를 처리할 수 있으며, 다음과 같이 신규 가입에 대한 처리를 간단히 구성할 수 있다. 브라우저에서 실행하면, 다음과…
Firebase 배우기 6 – Firestore DB에서 키워드 검색하기 – 문제와 해결
1. 선행지식 앞선 2개의 글에서 Firestore Database에 데이터를 (사진 파일 포함)을 업로드하는 방법과, 컬렉션(=DB)에 올려진 데이터를 모두 읽어와서 화면에 표시하는 방법을 소개했었다. 그리고 이를 웹에서 구현하는 코드들을 Copilot의 도움을 받아 만드는 과정을 소개한 바 있었다. FIrebase DB에 대한 자료 업로드와 읽어오는 과정에 대해서는 다음 2개의 이전 글을 참조하기 바란다. https://blog.naver.com/mythee1/223493076303 https://blog.naver.com/mythee1/223493415455 Firebase 배우기 5…
Firebase 배우기 5 – Firestore Database 자료 가져오기 (Read)
앞선 글에서 Firestore DB에 자료(사진 파일 포함)을 업로드하는 이론적인 방법과, Copilot AI를 활용하여 쉽게 코드를 만든 세부 과정을 소개한 바 있었다. https://blog.naver.com/mythee1/223493076303 Firebase 배우기 4 – Firestore DB에 자료 올리기 – 기본방법과, MS Copilot을 사용해서 아주 쉽게 개발한 과정 소개 1. Prerequisite – 준비 앞선 2개의 글을 통해 Firebase에 처음 가입하고, 초기설정하는 방법과, Visual……
