bbs/user data => realtime databaseC.R.U.D => firestore이렇게 첫번째 미션을 받고 전의 velog에 정리를 하였다.2번째 미션으로는라이브러리를 사용해서 테이블 excel로 출력하기이미지 업로드(firestore) 입니다.처음엔

지금까지 만든 페이지를 바탕으로 firestore를 이용해서 CRUD기능을 넣은 페이지를 구현해 보았다.결과물은 위와 같으며 신청하기 버튼을 누르면 모달창이 나오게되고그 모달창에서 값을 입력하면 테이블에 실시간 추가되며 새로고침을 하지 않아도 추가되며 Edit버튼에서

firebase의 데이터베이스에는 크게 두개가있다.하나는 realtime database이고하나는 firestore입니다.이번에 firestore를 이용해보았습니다.위의 코드에서처럼 하면 원하는 데이터 테이블에 내가 추가를 했으면 하는 값들을 설정해 줌으로 데이터를 추

Google Login >이번에 템플릿을 사용하면서 구글로그인 그리고 이메일 로그인을 해보게되었다. 하지만 템플릿에는 이미 구글로그인 그리고 이메일 로그인 관련된 로직들이 다 짜여져 있었다. 하지만 원리는 알고 싶어서 개인적 공부를 하면서 알게된점을 남겨보려 합니다.

👍장점가독성이 높고 직관적이다.ReactJS와 유사한 성능을 보여준다빌드 시스템, 라우팅, 상태관리를 공식적으로 지원해서 안정적 환경구축 가능Vuex는 Vue.js만큼이나 매우 쉽고 코드도 간결해서 vue.js의 장점이다.결론 👉 더 빠르다, 더 유연하다, 더 가볍

npm install axiosnpm install -g @vue/cli하지만.. 한번에 되면 너무 낭만적이겠죠?주변 동기분들은 이 명령어 하나로 쉽게 설치되고 화면 띄우는데 얼마 안걸렸는데 저는 하루 꼬박걸렸습니다.zsh: vue not found라고 계속 커맨드창에

상위 컴포넌트 ---> 하위 컴포넌트props 전달하위 컴포넌트 ---> 상위 컴포넌트event 발생props속성은 컴포넌트 간에 데이터를 전달 할 수 있는 컴포넌트 통신법이다.props속성을 기억할 때 상위 컴포넌트에서 하위 컴포넌트로 내려주는 속성이라 기억하자pro

Vue 기본 구조 > instance 속성 , API들 > >- el:인스턴스가 그려지는 화면의 시작점 template: 화면에 표시할 요소(html,css등) data: vue의 반응성이 반영된 데이터 속성 methods: 화면의 동작과 이벤트로 로직을 제어하는