할 수있는 것

여기에서 뽑을 수 있습니다
로손 가챠

소개

원래 다이어트하고 있었습니다만, 매일 같은 것만으로 질려 왔기 때문에 작성했습니다. (두부 + 낫토 뿐이었다)
그리고 집 근처에 로손이 생겨 기뻤기 때문에

구성

프런트 엔드

Vue.js + TypeScript

ElementUI

백엔드

Firebase

손잡이

웹 앱은 프런트도 백도 초보자이므로, 여러가지 곤란이 있었습니다

처음에는 Vue.js 처음이므로 배우고 싶습니다.

Vue.js - 소개

UI 컴포넌트를 좋은 느낌의 외형으로 통일하고 싶다

ElementUI를 사용했습니다.

vue-cli-plugin-element

라이프 사이클에 따라 고뇽하고 싶습니다.

Vue.js - 라이프 사이클 다이어그램

어느 타이밍에 Firebase에서 데이터를 가져와야 할지 모르기 때문에 아래를 참고로했습니다.
Vuejs API 액세스는 created 또는 mounted에서 할 수 있습니까?

Twitter 공유 링크를 만들고 싶습니다.

Twitter Developer - Tweet Button

Firebase에서 배포하고 싶습니다.

Firebase에서 Vue.js의 앱을 호스팅하는 가장 빠른 방법

firebase login 를 할 수 없었으므로, 이하를 참고로 했습니다.
Firebase 명령을 실행할 수 없는 경우의 조치

결론

(오봉 전까지 순조롭게 체중이 떨어졌는데, 오봉을 거쳐 훌륭하게 체중으로 돌아왔습니다 )

먹었다👌 피 c. 라고 r. 코 m / XKHR 미 J1 × — 치다 (@cheddar_dev) July 30, 2019