React

React 배포하기 React 샘플코드 호스팅된 깃헙 페이지 github page 배포용 라이브러리 설치 npm i gh-pages package.json 설정 "scripts": { "start": "react-scripts start", "build": "react-scripts build", "eject": "react-scripts eject", "predeploy": "npm run build",

Firebase Authentication Google Firebase는 사용자 인증 시 필요한 백엔드 서비스와 인증 UI를 제공한다. 사용자 로그인 처리 시 Firebase UI를 통한 인증도 있고, SDK를 사용해 하나 이상의 로그인을 제공해주는 방법이 있다. 대부분의 출처는 노마드코더 강의 와 Firebase 공식문서 임을 밝힌다. 샘플코드 는 Github에 올려두었다 인증 방식 이메일/비밀번호 기반 익명 제휴 공급업체(Google, Facebook, Twitter, Github) 통합 전화번호 인증 커스텀 인증 시스템 통합 작동 원리 사용자에게 앱에 로그인 하기 위해 인증 정보를 요청 (이메일/패스워드 혹은 Google/Facebook 등 제휴업체 로그인 방식) Firebase는 우리를 대신해 사..

노마드코더에서 진행하는 무료 강의인 React Native로 날씨앱 만들기를 수강하였다. (하단 링크 참조) 토이 프로젝트로 어플을 만들고 싶었는데, 앱에 대한 사전 지식이 많이 없다보니 간단하게(?) 맛만 보기에 적당한 강의라고 판단했다. 내용은 짧지만 재미있었고, React Native로 개발을 어떻게 하는 지 맛만 보여준다. 심화 내용이나 좀 더 다양한 기능에 대한 강의는 유료로 구매할 수 있다. 총 강의 시간은 120분이고, 짧은 강의 여러 개로 엮여져 있어서 시간 분배하기 좋았다. 어찌되었든 큰 시간이 소요되지 않는 강의라 한번에 처음부터 끝까지 들었고, 이것저것 꾸미면서 따라하다 보니 3~4시간 정도 걸렸다. [후기] React Native : Javascript로 IOS와 안드로이드 앱을 동..

배경 김뉴비는 사내 관리자페이지를 React, Redux-saga로 만들기로 했다. 천천히 학습시간을 갖고 개발하면 좋았겠지만, 시간이 부족해 개발부터하고 버그를 수정하며 React를 알아가는 중이다. 원하던 기능 DB에서 type별로 최신 컨텐츠 목록을 조회해서 store에 담는 것 (아래 코드는 예제를 위해 변형한 것입니다.) const ContentListContainer = () => { const type = 'help'; const dispatch = useDispatch(); const {list, error, loading} = useSelector((contentList) => ({ list: contentList.list, error: contentList.error, })); useE..