완성한 리엑트 프로젝트를 라이브 서버에 연결하기위한 Firebase 호스팅 연결 방법을 배워보고 싶어서 아래 블로들을 참조해서 연동했습니다. 정리를 잘 해두셔서 링크만 연결해 둡니다. 참조 - https://forest71.tistory.com/169 https://codingmania.tistory.com/298
사용자 인증 Firebase Authentication 에서 테스트용 사용자를 추가한다. image.png 사용사 인증 action을 생성할 authActions.js 파일을 작성 store/ authActions.js image.png...
Barchart image.png Json Data barchart.js
Redux 연동 redux에 관련된 파일들을 작성할 store 폴더에 + reducers + actions 두 가지 하위 폴더를 만들어 준다. Reducers reducers 폴더에는 아래와 같은 파일을 생성한다. - projectReducer.js // 프로젝트를 생성하는 리듀서 - authReducer.js // 로그인 인증 리듀서 - ...
![[React Native] 헬로우톡 앱 클론 프로젝트](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/leejh3224/918280e0-1e40-11e9-bccd-65ede7a52dd8/react-native.png&width=512)
약 두 주간 헬로우톡 앱을 클론하는 프로젝트를 진행했다. 헬로우톡은 언어교환 앱인데, 기본적인 채팅 앱의 구조를 잘 갖추고 있어서 한 번 클론에 도전하게 됐다. 프로젝트는 Redux와 Firebase를 기반으로 진행했는데, 채팅 앱의 UI를 어떤 식으로 구성해야되는지,
천하제일웃음대회 구글 클라우드 스터디 해커톤 쿠버네티스 데모 앱 https://hello-android-bdaac.firebaseapp.com/ 기능 : 사진을 찍으면 웃음 점수와 순위를 보여줌. 주의 : 사진찍기 클릭시 사진을 서버에 저장하는 것에 동의하는 것으로 간주합니다. 단, 매주 일요일 데이터 리셋 됨. PC에서는 IE 빼고 다 됨, 안드로...