VUE3 + FIREBASE9

VUE : https://kimkee.github.io/vue/

https://vgram.netlify.app/

챗팅	게시판	상세
첨부	갤러리	회원

https://kimkee.github.io/vue/

• 개발내용
  • 회원
    • 가입, 로그인, 로그아웃
  • 권한
    • 내가쓴 글,댓글만 수정삭제가능
  • 게시글
    • 읽기, 쓰기, 수정, 삭제, 조회수, 좋아요, 시간, 글자수 제한, 페이징
  • 댓글
    • 읽기, 쓰기, 삭제
  • 파일
    • 파일 업로드, 삭제 , 한번에 여러개 업로드 , 갯수제한, 글삭제시 첨부된 파일도 삭제 , 파일 순서 변경
  • 챗팅

Reference

• 영상

  • Firebase로 당근마켓 만들기 2시간 컷
  • Firebase 웹프로그래밍

• 포스트

  • 07. Vue3와 firebase 9로 CRUD중 CR만들기
  • Vue Router 사용하기 ( + query , params )
  • 새-버전ver.9으로-CRUD-구현하기
  • Firebase - 웹에서 Firebase auth로 로그인/회원가입 구현

• 아이콘

  • fontawesome

Project setup

npm create vite@latest

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

Vue 3 + Vite

• https://vitejs.dev/

• https://vitejs-kr.github.io/

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).