Latest posts

  • Firebase 배우기 52 – 파이어스토어에 필드 대신 subcollection (=DB)형태의 자료를 저장하기

    Firebase 배우기 52 – 파이어스토어에 필드 대신 subcollection (=DB)형태의 자료를 저장하기

    파이어베이스의 Non-SQL DB인 파이어스토어에는 중요한 특징이 하나 있는데, 바로 필드값 대신 Collection 자체를 하나의 데이터로 저장할 수 있다는 점이다. 이를 이용하면 Non-SQL DB에서 데이터 구조화에 관한 문제를 해소하는 데 도움이 된다. ​ 즉, 일반적으로는 파이어 스토어 문서를 생성할 때, 기본적으로는 문서에 필드명과 필드 데이터를 할당시키는것이 보편적이지만, 일단 하나의 문서가 만들어지면 다음과 같이 컬렉션 자체도 문서의…

    Read more

  • Firebase 배우기 51 – 파이어베이스 DB 자료를 Excel 또는 CSV 형식으로 내보내는 방법

    Firebase 배우기 51 – 파이어베이스 DB 자료를 Excel 또는 CSV 형식으로 내보내는 방법

    파이어 스토어를 사용하다 보면, 컬렉션 자료를 차트화 시키는 것은 가능하지만, 자료 보관이나, 별도로 자료를 추가 가공하기 위해, 컬렉션 자료를 PC로 다운로드해야 할 때가 있다. ​ 기본적으로 파이어베이스 콘솔은 무료 버전의 경우 파일 내보내기를 지원하지 않지만, 라이브러리를 이용하면 파이어베이스 콘솔의 기능을 이용하지 않고도, 엑셀이나, CSV 파일 형식으로 PC에 다운로드할 수가 있는데, 자세한 방법을 예제 코드와 함께…

    Read more

  • Firebase 배우기 50 – 동호회 등에도 활용할 수 있는 가족 앨범 만들기

    Firebase 배우기 50 – 동호회 등에도 활용할 수 있는 가족 앨범 만들기

    시작하면서.. 앞선 글에서 파이어베이스의 스토리지와 호스팅 기능을 위주로 사용하여, 반려견 콩이와의 추억이 담긴 사진과 비디오를 오랫동안 돌아볼 수 있도록, 그리고 가족들과 공유할 수 있도록 웹에 앨범을 만든 것을 코드와 함께 소개한 바 있었다. ​ https://blog.naver.com/mythee1/223594811997 Firebase 배우기 49 – 파이어 베이스를 이용해 반려견과의 추억 앨범 만들기 우리 집에는 “콩이”라는 나이 든 반려견이 있다. 이미 나이가…

    Read more

  • Firebase 배우기 49 – 파이어 베이스를 이용해 반려견과의 추억 앨범 만들기

    Firebase 배우기 49 – 파이어 베이스를 이용해 반려견과의 추억 앨범 만들기

    우리 집에는 “콩이”라는 나이 든 반려견이 있다. 이미 나이가 15-17세 정도 된 푸들인데, 사람으로 치면 80~90세 정도일 듯한데, 그럼에도 아직도 귀엽기 그지없는 푸들 강이지이다. ​ 콩이와는 여러 가지 추억이 많이 있다. 이미 나이가 무척 많아 남은 시간이 그리 길지가 않다고 생각되지만, 그럼에도 콩이와의 시간들을 오래 기억하고 싶어, 콩이와 관련된 사진들을 모아서, 파이어 베이스를 이용하여 앨범으로…

    Read more

  • Firebase 배우기 48 – 웹용 에디터 Quill을 더 예쁘게 사용하기 – 문단 설정하기

    Firebase 배우기 48 – 웹용 에디터 Quill을 더 예쁘게 사용하기 – 문단 설정하기

    Quill의 toolbox 설정 앞선 글에서 WISIWIG 에디터인 Quill을 쉽게 사용하기 위하여 Quill의 toolbox에 추가할 수 있는 여러가지 기능과, 실제 설정하는 세부과정을 소개한 바 있었다. https://blog.naver.com/mythee1/223566430490 Firebase 배우기 45 – 웹용 에디터 Quill의 추가 기능 설정하기 Quill과 CKEditor 앞선 글에서(https://blog.naver.com/mythee1/223557373495) 웹용 WISYWIG 에… blog.naver.com 이를 통해 다음과 같았던 기본 화면에 다음과 같이 다음과 같은 다양한 추가…

    Read more

  • Firebase 배우기 47 – Multi-hosting – 하나의 프로젝트에서 DB 및 스토리지를 공유하는 복수의 웹페이지 호스팅 하는 방법

    Firebase 배우기 47 –  Multi-hosting – 하나의 프로젝트에서 DB 및 스토리지를 공유하는 복수의 웹페이지 호스팅 하는 방법

    다중 호스팅의 필요성 파이어 베이스로 웹서비스를 만들다 보면, 때로는 관리자와 사용자 화면을 하나의 프로젝트에 따로 만들고 싶은 경우들이 많이 있다. 실제로 해당 웹페이지에 일반 사용자가 와서 볼 수 있는 페이지를 호스팅 하면서, 동시에 해당 컬렉션이나 스토리지에 관리자들이 자료를 올리기 위해서 관리자들을 위한 별도의 웹페이지가 있었으면 하는 경우이다. 또한 때로는 웹페이지를 만들면서, 서로 다른 언어 사용자를…

    Read more

  • Firebase 배우기 46 – Navbar를 효과적으로 활용하기 – 모든 웹페이지마다 Navbar를 포함해야만 할까?

    Firebase 배우기 46 – Navbar를 효과적으로  활용하기 – 모든 웹페이지마다 Navbar를 포함해야만 할까?

    Bootstrap의 Navbar로 메뉴바 구성하기 웹 서비스를 만들기 위해 웹페이지를 만들다보면, 여러 페이지간의 전환을 위해 메뉴바를 구성해야 하는데, 부트스트랩의 Navbar를 이용하면, ​ 복잡할수도 있는 메뉴바를 쉽게 구성할수 있다. ​ ​ Navbar 사용의 문제 그런데 이렇게 Navbar를 사용하다 보면, 아쉬운 점이 몇가지 있다. ​ 무엇보다 웹서비스에 포함된 웹페이지가 많아지면, Nabvar자체가 많이 길어지게 된다. 특히 버튼 타입 메뉴나,…

    Read more

  • Firebase 배우기 45 – 파이어베이스와 머신러닝 (LSTM, GRU)을 활용해 주가지수 시계열 예측분석하기

    Firebase 배우기 45 – 파이어베이스와 머신러닝 (LSTM, GRU)을 활용해 주가지수 시계열 예측분석하기

    시작하면서 대부분의 사람들이 그러하듯 뉴스를 들여다보면, 굳이 주식에 큰 관심이 없더라도, 주가지수 정도에는 눈이 가는 게 보편적인데, 파이어베이스를 공부하다가 문득 이러한 주가지수를 읽어와, 짧은 미래를 예측해 볼 수 있을까 하는 생각이 들었다. ​ 주가지수는 일상생활에서 많이 접하게 되는 가장 대표적인 시계열 데이터이고, 다른 통계 데이터들에 비해 여러 가지 비정형화된 요소의 영향을 많이 받기에, 시계열 분석…

    Read more

  • Firebase 배우기 45 – 웹용 에디터 Quill의 추가 기능 설정하기

    Firebase 배우기 45 – 웹용 에디터 Quill의 추가 기능 설정하기

    Quill과 CKEditor 앞선 글에서(https://blog.naver.com/mythee1/223557373495) 웹용 WISYWIG 에디터로 Quill과 CKEditor를 비교하여 소개하고, 이 중, 내가 Quill을 선택하여 사용하게 되었다는 것을 소개한 바 있었다. ​ 그런데, Quill은 사용이 쉽고 간단하지만, 비교적 기본 메뉴 화면은 다음과 같이 단순하고, 기능이 있음에도, 툴 박스에 기본적으로는 설치되지 않는 기능들도 있어, 이를 추가적으로 설정하여 활성화시켜줄 필요가 있다. ​ Quill의 기본 사용법 Quill을…

    Read more

  • Firebase 배우기 44 – 이미지나 동영상도 첨가시킬 수 있는 WYSWYG형 에디터 사용하기 – Quill vs. CKEditor

    Firebase 배우기 44 – 이미지나 동영상도 첨가시킬 수 있는 WYSWYG형 에디터 사용하기 – Quill vs. CKEditor

    웹 페이로의 문장 입력 파이어베이스에 자료를 등록하기 위해 웹에서 문자열을 입력하는 가장 기본적이고 쉬운 방법은 아마도 <input></input> 구문이나, <textarea> </textarea> HTML 문법을 이용하는 것이라고 생각된다. 특히, 짧은 문자열이 아니라,. 제법 길이가 있는 문단의 내용을 입력하려면, 다음과 같은 <textarea> </textarea> HTML 문법 사용은 필수적이라 할 수 있다. ​ <textarea class=“form-control mt-4 mb-5” id=“content” rows=“8” cols=“50”>내용</textarea> ​…

    Read more