목록2020/02 (15)

융융이'Blog

handleChange 간단하게 구현하기(State, setState이용)

... state ={ id: '', name: '', category: '', error: '', checkID: false } ... handleChange = (e) =>{ const { value, name } = e.target; this.setState( {[name]: value}); } ...
2022이전/React 2020. 2. 17. 15:48
리액트 어드민 페이지 템플릿

https://github.com/coreui/coreui-free-react-admin-template/
2022이전/etc 2020. 2. 15. 17:44
리액트+FireBase 연동 디플로이(react & firebase deploy)

순서는 매우 간단하다. 1. react app을 만든다. $ npm install -g create-react-app $ create-react-app myapp $ cd myapp $ npm start //프로젝트 배포형 $ npm run build 2. firebase cli를 설치한다. $npm install -g firebase-tool 3. firebase 설정 및 배포를 해준다.(미리 firebase Console에 들어가 프로젝트를 만들고 cli에서 해당 프로젝트에서 배포를 하면된다.) $firebase login $firebase init $firebase deploy 참고 : https://www.freecodecamp.org/news/react-and-firebase-are-all-yo..
2022이전/React 2020. 2. 15. 17:37
firebase Oauth 오류

[debug] [2020-02-15T08:04:41.053Z] > refreshing access token with scopes: ["email","https://www.googleapis.com/auth/cloud-platform","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","openid"] [debug] [2020-02-15T08:04:41.054Z] >>> HTTP REQUEST POST https://www.googleapis.com/oauth2/v3/token [debug] [2020-02-15T08:04:41.587Z] > HTTP REQUES..
2022이전/etc 2020. 2. 15. 17:13
Yield

yield 키워드는 제너레이터 함수 (function* 또는 레거시 generator 함수)를 중지하거나 재개하는데 사용됩니다. It is because arrow functions are not generator functions. ==> yield를 변수를 지정할려면 arrow 함수를 사용하면 안된다. 참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/yield
2022이전/javascript 2020. 2. 13. 14:46
브롤스타즈 컬러표!

export default { Green: "#32C12C", Teal: "#009888", Blue: "#526EFF", Purple: "#7F4FC9", LightGreen: "#87C735", Lime: "#CDE000", LightBlue: "#00A5F9", Cyan: "#00BCD9", DeepPurple: "#682CBF", Yellow: "#FFEF00", Orange: "#FFA9A00", LigthRed: "#FF9A00", Brown: "#7C5547", BlueGrey: "#5F7D8E", Amber: "#FFCD00", DeepOrange: "#FF5500", Red: "#D40C00", DeepBrown: "#50342C", Grey: "#9E9E9E" };
2022이전/css&scss 2020. 2. 12. 14:41
REACT_FRONT_END 의 폴더구성

REACT 프로젝트를 진행 할 때 각 구성을잘 짜임새 있게 정리하는것이 중요하다. 핵심 구성 요소는 Components : View에서 필요한 요소들의 파일을 관리하는 폴더이다. Containers: Controller의 성격을 띄는 파일을 관리하는 폴더이다.(각각의 Components에 비동기적 처리) Lib : 특별한 기능(DB연동, Auth처리...)의 파일을 관리하는 폴더이다. Page : Containers와 Component을 불러와서 라우팅된 페이지를 구성하는 폴더이다. Store : redux와 관련된 파일을 관리하는 폴더이다. Styles : 스타일을 담당하는 파일로 자주 쓰이는 스타일들을 관리하는 폴더이다. Components App.js Components 하위에 App.js를 파일을..
2022이전/React 2020. 2. 3. 17:47
이전 Prev 1 2 Next 다음