nata_developer

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.src/components/App.js import React from "react"; import { Router, Route, Switch } from "rea..

React 2020. 8. 21. 17:59

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.public/index.html ... 2.public/modal.html I am a modal alskjdflk asldkfjalskdjf asldfkjalsk..

React 2020. 8. 21. 17:54

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.api/streams.js npm i axios import axios from "axios" export default axios.create({ baseURL:..

React 2020. 8. 20. 18:06

*https://medium.com/@ghur2002/react-router%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-component%EA%B0%84%EC%97%90-props-%EB%84%98%EA%B2%A8%EC%A3%BC%EA%B8%B0-610de3511c67를 참고하였습니다. 1. match.params 값으로 데이터 넘기기 component에서 component로 데이터를 넘겨줄때는 props를 사용하여 편리하게 데이터를 넘겨줄 수 있다. 하지만 만약 단순히 component가 랜더링될때 넘겨주는게 아니라 Routing을 통하여 페이지가 이동할때 넘겨줘야 한다면 어떻게 할까 Routing한 component들은 history, location, matc..

React 2020. 8. 20. 16:32

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.components/streams/streamForm.js import React from 'react'; import { Field, reduxForm } fro..

React 2020. 8. 20. 16:06

*https://medium.com/dailyjs/why-build-your-forms-with-redux-form-bcacbedc9e8를 참고하였습니다. 1.redux-form 이란? The fields that are in the form; The values of each field; The focused field; If the field values are valid; The fields that the user have interacted with; If the form is being submitted; If is happening any asynchronous validation. 2. setup. import { reducer as formReducer } from 'redux-form'..

React 2020. 8. 20. 15:06

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.api/streams.js npm i axios import axios from "axios" export default axios.create({ baseURL:..

React 2020. 8. 20. 14:48

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.src/GoogleAuth.js import React from 'react'; import { connect } from 'react-redux'; import ..

React 2020. 8. 20. 14:03