Latest posts

  • Firebase 배우기 14 – Firestore Database 수정(Update) 하기

    Firebase 배우기 14 – Firestore Database 수정(Update) 하기

    선행지식 앞선 글에서 키워드 검색을 통해 특정한 필드에서 해당 키워드에 해당하는 레코드를 찾는 코드를 만드는 과정을 소개했었고, https://kongyine.com/223494445392 se-l-large_image” id=”SE-5db22e49-0f6b-4bdd-95a1-7986080df68c”> Firebase 배우기 6 – Firestore DB를 키워드 검색하기 1. 선행지식 앞선 2개의 글에서 Firestore Database에 데이터를 (사진 파일 포함)을 업로드하는 방법과, … kongyine.com 5db22e49-0f6b-4bdd-95a1-7986080df68c”, “data” : {“link” : “https://kongyine.com/223494445392”, : “false”, “thumbnail” : “https://dthumb-phinf.pstatic.net/?src=%22https%3A%2F%2Fblogthumb.pstatic.net%2FMjAyNDA2MjhfMTY5%2FMDAxNzE5NTU3NzEzNzAw.SmGRB_2kO86Q2xjkvImpQ08nTwBM9-QbH-Rs3NwoLcYg.cJHiufn0SkkxSumMweHYymABcmPbHyXRaI9hbiAYWksg.JPEG%2F2024-06-28_15_00_33.jpg%3Ftype%3Dw2%22&type=ff500_300 이렇게…

    Read more

  • Firebase 배우기 13 – 엑셀파일의 데이터를 Firestore로 쉽고 간단하게 업로드하는 방법

    Firebase 배우기 13 – 엑셀파일의 데이터를 Firestore로 쉽고 간단하게 업로드하는 방법

    엑셀은 사용하기 쉽고 시각적인 활용도가 높아, 많은 사람들이 기초적인 자료 관리에 많이 사용하고 있으며, 엑셀로 기존에 많은 데이터가 정리된 경우들도 매우 빈번하다. ​ 이러한 이유로 엑셀파일 데이터를 Firebase에서 DB 데이터로 활용하고자 하는 경우가 많은데, 이러한 방법은 잘 알려져 있지 않기도 하고, 원론적으로는 별도의 프로그램을 작성해야 해서 복잡하기도 하다. 참고로, FIrebase 공식 사이트에서는 https://www.youtube.com/watch?v=E0xofSMYc6Y&list=WL&index=35&t=620s 라는 영상에서…

    Read more

  • Firebase 배우기 12 – Firebase에서 게시판 만들기 (1) – 간단한 게시판 만들기

    Firebase 배우기 12 – Firebase에서 게시판 만들기 (1) – 간단한 게시판 만들기

    Firebase의 Cloud DB 솔루션인 Firestore는 그 자체가 Database인데, 이를 이용하면 게시판을 만들 수 있다. 게시판 자체도 일종의 DB라고 볼 수 있기 때문이다. 다만 취미로 Firebase를 사용하는 정도의 사용자 경우에, 다소 완성도가 떨어지더라도 게시판을 편하고 쉽게 만드는 방법을 인터넷을 찾아보아도 적당한 것을 찾을 수 없어 직접 만들게 되었다. 물론 내가 잘 사용하곤 하는 Copilot의 도움을 받았다.…

    Read more

  • Firebase 배우기 11 – Firestore Database 키워드 검색 및 삭제(Delete)하기

    Firebase 배우기 11 – Firestore Database 키워드 검색 및 삭제(Delete)하기

    앞선 글에서 Firestore DB에 저장된 자료의 특정 필드를 대상으로 키워드 검색하는 것을 소개한 바 있었다. https://kongyine.com/223494445392 se-l-image” id=”SE-a169800c-f1e4-4e9e-a03d-173c90d6dfc0″> Firebase 배우기 6 – Firestore DB를 키워드 검색하기 1. 선행지식 앞선 2개의 글에서 Firestore Database에 데이터를 (사진 파일 포함)을 업로드하는 방법과, … kongyine.com a169800c-f1e4-4e9e-a03d-173c90d6dfc0″, “data” : {“link” : “https://kongyine.com/223494445392”, : “false”, “thumbnail” : “https://dthumb-phinf.pstatic.net/?src=%22https%3A%2F%2Fblogthumb.pstatic.net%2FMjAyNDA2MjhfMTIx%2FMDAxNzE5NTU1MzgwNzEy.1sKR_bH2XHi53duO2WTq_60ETaijezApHpc3ixtY9CQg.oabDroSc1Uju6THt7kwh8ToFxwhE4CJ2tV1A_LO6EWEg.JPEG%2F2024-06-28_12_29_20.jpg%3Ftype%3Dw2%22&type=ff120 ​ 그런데 DB…

    Read more

  • Firebase 배우기 10 – Firestore DB 등록 자료를 특정 필드 기준으로 정렬하여 읽어오기

    Firebase 배우기 10 – Firestore DB 등록 자료를  특정 필드 기준으로 정렬하여 읽어오기

    FIrestore Database에 컬렉션으로 등록한 자료를 읽어와 웹페이지에 표시하는 것을 이전 글에서 소개한 바 있었다. https://kongyine.com/223493415455 se-l-large_image” id=”SE-3b00b8b2-09ea-4260-a892-d628b1316c9d”> Firebase 배우기 5 – Firestore DB 자료 가져오기 – Copilot 도움으로 개발하기 앞선 글에서 Firestore DB에 자료(사진 파일 포함)을 업로드하는 이론적인 방법과, Copilot AI를 활… kongyine.com 3b00b8b2-09ea-4260-a892-d628b1316c9d”, “data” : {“link” : “https://kongyine.com/223493415455”, : “false”, “thumbnail” : “https://dthumb-phinf.pstatic.net/?src=%22https%3A%2F%2Fblogthumb.pstatic.net%2FMjAyNDA2MjdfMjE4%2FMDAxNzE5NDc3MzM3ODk5.4bWwTEG1o8QKs57yJPggLs79niMoFVGNnONjk8fPnv0g.bgfbmif-Ha-tNuE3mxelom18ci1bTtYgP_BUJIqWb-sg.JPEG%2F2024-06-27_16_35_20.jpg%3Ftype%3Dw2%22&type=ff500_300 ​…

    Read more

  • Firebase 배우기 9 – Firestore DB 등록 자료에 자동순번 카운터 추가하기

    Firebase 배우기 9 – Firestore DB 등록 자료에 자동순번  카운터 추가하기

    앞선 글에서 Firestore의 컬렉션(=DB)에 자료를 업로드하는 것과, 관련 사진 등의 파일 자료를 올리는 방법을 소개했었다. ​ https://kongyine.com/223493076303 se-l-large_image” id=”SE-77152d2e-c56e-4118-a21e-5640680f0be1″> Firebase 배우기 4 – Firestore DB에 자료 올리기 – 기본방법과, MS Copilot을 사용해서 아주 쉽게 개발한 과정 소개 1. Prerequisite – 준비 앞선 2개의 글을 통해 Firebase에 처음 가입하고, 초기설정하는 방법과, Visual… kongyine.com 77152d2e-c56e-4118-a21e-5640680f0be1″, “data” :…

    Read more

  • Firebase 배우기 8 – 웹서비스 로그인 처리

    Firebase 배우기 8 – 웹서비스 로그인 처리

    다음과 같은 이전 글에서 Firebase를 이용한 서비스에서, 사용자 등록을 간단히 몇 줄로 처리하는 방법을 소개한 바 있었다. https://kongyine.com/223495997534 se-l-large_image” id=”SE-718a4053-3ecc-4c68-bad6-52e4d5d62591″> Firebase 배우기 7 – 서비스 가입 처리 Firebase에서는 서비스 가입자에 대한 가입자 등록과 관련된 기능을 쉽게 구현할 수 있도록 firebase-auth… kongyine.com 718a4053-3ecc-4c68-bad6-52e4d5d62591″, “data” : {“link” : “https://kongyine.com/223495997534”, : “false”, “thumbnail” : “https://dthumb-phinf.pstatic.net/?src=%22https%3A%2F%2Fblogthumb.pstatic.net%2FMjAyNDA2MzBfMTQ1%2FMDAxNzE5NzEwMDA5OTk0.euUmLi7tGV5ViDJHEIxojxoU7pgAchYhkseb7meektsg.ZUbPcnDasL92wmfhFVXhATnv3x_oPH_b28ur9MCFHbYg.JPEG%2F2024-06-29_23_53_21.jpg%3Ftype%3Dw2%22&type=ff500_300 ​ Firebase에서는 이렇게…

    Read more

  • Firebase 배우기 7 – 이메일과 패스워드를 이용한 회원 가입 처리

    Firebase 배우기 7 –  이메일과 패스워드를 이용한  회원 가입 처리

    Firebase에서는 서비스 가입자에 대한 가입자 등록과 관련된 기능을 쉽게 구현할 수 있도록 firebase-auth 기능을 제공한다. ​ 이를 이용하면 쉽게 신규 가입자 등록을 처리할 수 있는데, 가장 대표적인 Email과 Password를 이용하는 경우, 다음과 같이 firebase.auth().createUserWithEmailAndPassword(이메일, 패스워드).then() 함수를 이용하여 가입자를 처리할 수 있으며, 다음과 같이 신규 가입에 대한 처리를 간단히 구성할 수 있다. ​ 브라우저에서 실행하면, 다음과…

    Read more

  • Firebase 배우기 6 – Firestore DB에서 키워드 검색하기 – 문제와 해결

    Firebase 배우기 6 – Firestore DB에서 키워드 검색하기 – 문제와 해결

    1. 선행지식 앞선 2개의 글에서 Firestore Database에 데이터를 (사진 파일 포함)을 업로드하는 방법과, 컬렉션(=DB)에 올려진 데이터를 모두 읽어와서 화면에 표시하는 방법을 소개했었다. 그리고 이를 웹에서 구현하는 코드들을 Copilot의 도움을 받아 만드는 과정을 소개한 바 있었다. FIrebase DB에 대한 자료 업로드와 읽어오는 과정에 대해서는 다음 2개의 이전 글을 참조하기 바란다. ​ https://kongyine.com/223493076303 https://kongyine.com/223493415455 se-l-large_image” id=”SE-c3512909-c831-4b1c-82c7-5010b6d35332″> Firebase…

    Read more

  • Firebase 배우기 5 – Firestore Database 자료 가져오기 (Read)

    Firebase 배우기 5 – Firestore Database 자료 가져오기 (Read)

    앞선 글에서 Firestore DB에 자료(사진 파일 포함)을 업로드하는 이론적인 방법과, Copilot AI를 활용하여 쉽게 코드를 만든 세부 과정을 소개한 바 있었다. ​ https://kongyine.com/223493076303 se-l-large_image” id=”SE-bbc94379-b400-4d82-bc2f-0feb8830bd5b”> Firebase 배우기 4 – Firestore DB에 자료 올리기 – 기본방법과, MS Copilot을 사용해서 아주 쉽게 개발한 과정 소개 1. Prerequisite – 준비 앞선 2개의 글을 통해 Firebase에 처음 가입하고, 초기설정하는…

    Read more