TIL

[팀프로젝트] Firebase 활용한 CRUD 문서 작성하기

liinyeye 2024. 4. 19. 20:39

이번 팀프로젝트에서는 CRUD를 구현하고 활용해야했다. 하지만 CRUD에 대해서 처음 들어본 나는 먼저 어떤 개념인지 파악을 하기위해 CRUD가 뭔지 찾아봤다.

 

 

CRUD 문서란?

CRUD (생성(Create), 읽기(Read), 갱신(Update), 삭제(Delete))는 저장된 데이터에 대해 작업할 수 있는 방법의 약어입니다. 영속적인 저장소의 4가지 기본 기능에 대한 연상기호입니다. CRUD는 일반적으로 데이터베이스나 데이터 저장소에서 수행되는 작업을 의미하지만, 데이터가 실제로 삭제되지 않지만 상태에 삭제된 것으로 표시되는 일시 삭제와 같은 애플리케이션의 고수준 기능에도 적용될 수 있습니다.

<출처 : https://developer.mozilla.org/ko/docs/Glossary/CRUD>

 

CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다.

<출처 : https://ko.wikipedia.org/wiki/CRUD>

 

이름 조작 SQL
Create 생성 INSERT
Read(또는 Retrieve) 읽기(또는 인출) SELECT
Update 갱신 UPDATE
Delete(또는 Destroy) 삭제(또는 파괴) DELETE

출처

 

 

즉, 데이터를 만들고, 읽고, 쓰고 ,삭제하는 기능으로 프로그램을 만드는 데 있어서 꼭 필요하다.

 

그럼 팀 소개 페이지에서 어떻게 CRUD를 구현하는가? 

개인 페이지에 댓글을 남길 수 있는 방명록을 활용했다.

Creat(생성) 방명록 생성
Read(읽기) firestore에 저장된 방명록 항목 조회
Update(수정) 등록된 방명록 내용 수정
Delete(삭제) 등록된 방명록 삭제

 

 

Firebase CRUD 공식 문서

Create

 

Cloud Firestore에 데이터 추가  |  Firebase

5월 14일, Google I/O에서 Firebase를 다시 만나보세요. 지금 등록하기 의견 보내기 Cloud Firestore에 데이터 추가 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 다음

firebase.google.com

 

 

Read

한 개

 

Cloud Firestore로 데이터 가져오기  |  Firebase

5월 14일, Google I/O에서 Firebase를 다시 만나보세요. 지금 등록하기 의견 보내기 Cloud Firestore로 데이터 가져오기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

firebase.google.com

여러 개

 

Cloud Firestore로 데이터 가져오기  |  Firebase

5월 14일, Google I/O에서 Firebase를 다시 만나보세요. 지금 등록하기 의견 보내기 Cloud Firestore로 데이터 가져오기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

firebase.google.com

 

 

Update

 

Cloud Firestore에 데이터 추가  |  Firebase

5월 14일, Google I/O에서 Firebase를 다시 만나보세요. 지금 등록하기 의견 보내기 Cloud Firestore에 데이터 추가 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 다음

firebase.google.com

 

 

Delete

 

Cloud Firestore에서 데이터 삭제  |  Firebase

5월 14일, Google I/O에서 Firebase를 다시 만나보세요. 지금 등록하기 의견 보내기 Cloud Firestore에서 데이터 삭제 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 다

firebase.google.com

 

'TIL' 카테고리의 다른 글

[팀 프로젝트] html, css, js로 전체 화면 캐러셀 구현하기  (0) 2024.04.17