# Firebase
[ Goplan ] - Firebase 호스팅 연결
완성한 리엑트 프로젝트를 라이브 서버에 연결하기위한 Firebase 호스팅 연결 방법을 배워보고 싶어서 아래 블로들을 참조해서 연동했습니다. 정리를 잘 해두셔서 링크만 연결해 둡니다. 참조 https://forest71.tistory.com/169 https://codingmania.tistory.com/298
[ Goplan ] - Redux & Firebase Authentication
사용자 인증 Firebase Authentication 에서 테스트용 사용자를 추가한다. image.png 사용사 인증 action을 생성할 authActions.js 파일을 작성 store/ authActions.js SignIn 컴포넌트에 액션을 연결해준다. SignIn.js 처음에 생성해둔 테스트용 사용자를 이메일 비밀번호를 사용해 액션이 잘...
[ Data Visualizing - D3.js ] Bar chart 만들기
Barchart image.png Json Data barchart.js 차트에 적용한 Data menu.json image.png Firebase Data Json data를 사용해서 만들었던 Barchart를 Firebase db에 연동해서 같은 차트를 만들어 보자. image.png Firebase에 데이터베이스를 생성해주고 스
[ Goplan ] - Redux & Firbase 연동 (Error 해결)
Redux 연동 redux에 관련된 파일들을 작성할 store 폴더에 reducers actions 두 가지 하위 폴더를 만들어 준다. Reducers reducers 폴더에는 아래와 같은 파일을 생성한다. projectReducer.js // 프로젝트를 생성하는 리듀서 authReducer.js // 로그인 인증 리듀서 rootReducer.js...
[React Native] 헬로우톡 앱 클론 프로젝트
약 두 주간 헬로우톡 앱을 클론하는 프로젝트를 진행했다. 헬로우톡은 언어교환 앱인데, 기본적인 채팅 앱의 구조를 잘 갖추고 있어서 한 번 클론에 도전하게 됐다. 프로젝트는 Redux와 Firebase를 기반으로 진행했는데, 채팅 앱의 UI를 어떤 식으로 구성해야되는지,
GCP를 활용한 천하제일웃음대회 앱 개발
천하제일웃음대회 구글 클라우드 스터디 해커톤 쿠버네티스 데모 앱 https://hello-android-bdaac.firebaseapp.com/ 기능 : 사진을 찍으면 웃음 점수와 순위를 보여줌. 주의 : 사진찍기 클릭시 사진을 서버에 저장하는 것에 동의하는 것으로 간주합니다. 단, 매주 일요일 데이터 리셋 됨. PC에서는 IE 빼고 다 됨, 안드로...