firestore 썸네일형 리스트형 [firebase] firestore DB 데이터 수정, 삭제 이전 글에서 데이터 읽고 쓰기를 해보았고 이번에는 수정과 삭제를 할 건데 매우 간단하게 할 수 있다. 우선 수정부터 알아 보자. id가 send라는 버튼을 누르면 수정이 동작하게 만들어 놨다. 삭제하려는 문서의 ID를 URL에 포함하여 보냈는데 대략 localhost/edit? id=문서 ID 이런 식으로 URL을 보냈다. 뒤에 id로 보낸 값을 가져오기 위해 맨 위에 new URLSearchParams를 이용해 값을 가져와 처리해 주면 된다. 전에 알아봤던 문서 쓰기 방법과 비슷한데 update로 바꿀 필드만 값을 변경해 주면 된다. 아 그리고 전에 규칙 설명할 때 create, update, delete로 각 권한을 나눠서 부여할 수 있다고 말했었는데 아래와 같이 각각 권한을 부여해 줄 수 있다. 그.. 더보기 [firebase] firestore DB 데이터 읽기, 쓰기 저번 글 까지는 firebase 생성 및 실행을 해 보았다. 이제 firebase에 기능들을 하나하나 씩 알아보자. 우선 개발에 빠질 수 없는 DB에 대해서부터 시작하자. firebase에서는 firestore라는 DB를 제공해 주는데 흔히 쓰는 RDBMS가 아닌 No-SQL을 지원해 준다. No-SQL은 RDBMS보다는 제한이 적고 뭔가 좀 더 자유로운 느낌이다. No-SQL에는 대표적으로 MongoDB가 있는데 MongoDB를 사용했던 분들이라면 전혀 어색하지 않게 사용할 수 있을 것 같다. 그럼 우선 데이터를 가져오는 것 부터 해 보자. firebase console 에서 Firestore Database를 선택하면 위와 같은 화면이 나온다. 저기서 컬렉션 시작을 눌러 원하는 컬렉션을 만들어 주면 .. 더보기 [firebase] firebase 시작하기(1) firebase란 서버 없이도 간단하게 웹/앱 서비스를 만들 수 있게 도와주는 서비스이다. 시작하기에 앞서 크롬 브라우저, nodejs, vscode 가 설치되어 있는 가정하에 설치 과정은 생략하고 진행할 것이다. 해당 과정은 react, vue, angular 같은 frontend 프레임워크는 사용하지 않고 순수 html과 js로 진행했다. 구글에 firebase console이라고 검색하면 firebase를 시작할 수 있는 페이지가 나온다. 시작하기를 누른 후 프로젝트를 만들어 보자. 애널리틱스는 내 사이트에 사용자가 얼마나 접속했는지 통계를 내주는 건데 지금은 연습 단계 이기 때문에 쓸 필요가 없다. 애널리틱스를 쓰고 싶다면 사용해도 상관은 없다. 위 단계까지 끝났으면 기본적인 계정 인증, 데이터베.. 더보기 이전 1 다음
