뚝딱뚝딱 코딩 기록_

[Firebase_RDB vs NoSQL] 기존 RDB의 데이터를 Firestore로 이관할 때 어떤 구조로 설계해야할까? 관계형 데이터베이스의 데이터를 비관계형 데이터베이스(Firestore)로 옮길 수 있는 방법에 대해 고민하게 되었다. 이번 포스팅에서는 관계형 데이터베이스와 비관계형 데이터베이스에 대해 간단히 정리하고, RDB 기반의 데이터를 NoSQL 기반의 클라우드 데이터베이스인 Firestore로 옮겼던 경험을 소개하려고 한다. 1. 관계형 데이터베이스 vs 비관계형 데이터베이스 1️⃣ 관계형 데이터베이스 관계형 모델을 기반으로 데이터를 행과 열로 구성된 테이블로 구조화하고, 각 테이블 사이의 관계를 표현하는 데이터베이스 구조 📌 관계형 모델 데이터를 행(rows)과 열(columns)을 이루..

[Firebabse_ 인증] Firebase를 통해 서버리스 애플리케이션으로 쇼핑몰 프로젝트를 진행하고 있다. 사실 쇼핑몰은 예전부터 하고싶은 프로젝트였는데 잠시 미뤄두고 있었다. 그런데 친구가 쇼핑몰을 오픈하려고 한다는 소식을 듣고 괜히 만들어주고 싶어서(?) 드디어 시작하게 되었다. (ㅎㅎ firebase의 인증 시스템을 이용하여 자체 회원가입 및 로그인, 구글 소셜 로그인 기능을 구현하였는데 복습도 할 겸 정리해 보려고 한다. 1️⃣ 파이어베이스 연동하기 파이어베이스에 프로젝트를 생성하고 [프로젝트 설정 - Web App] 부분을 보면 아래 사진처럼 sdk 설정 및 구성 방법이 나온다. 저 부분을 복사해서 src/api/firebase.js 폴더에 붙여넣기 하면 된다. 참고로 firebaseConf..

[Toy Project_ Habit Tracker] 🍃 토이 프로젝트 소개 🌳 목적 : React → Vue 마이그레이션 + Vue 익히기 🌳 기능 : add, count, delete habits, 반응형 웹 🌳 개발 기간 : 1일 🍃 사용 기술 : Javascript, Vue, Firebase, Vite 🍃 결과물 👉 https://habit-tracker-ez1n.netlify.app Habit Tracker habit-tracker-ez1n.netlify.app Vue를 시작하면서 가볍게 예전에 강의를 들으면서 리액트로 만들었던 habit tracker를 다시 구현해 보았다. 조금 다른 점은 리액트에서는 데이터를 저장하지 않았지만 뷰로 진행할 때에는 Firebase를 이용하여 데이터를 저장하는 것..