목록하루의 이슈 (40)

akjfal

10/14

나중에 다시한번 꼭 읽어보기! https://rinae.dev/posts/a-complete-guide-to-useeffect-ko https://overreacted.io/ko/react-as-a-ui-runtime/ https://overreacted.io/how-are-function-components-different-from-classes/ https://www.robinwieruch.de/react-hooks-fetch-data/ ​
하루의 이슈 2019. 10. 30. 22:04
9/26

const handleBackground = (background) => { switch (background) { case 'aaa': backgroundcolor: ${({ backgroundcolor }) => handleBackground(background)}; {children} 스타일 지정법 const { getRootProps, getInputProps } = useDropzone({ accept: 'image/*', onDrop: (acceptedFiles) => { setFiles(acceptedFiles.map((file) => Object.assign(file, { preview: URL.createObjectURL(file), }))); setNewRepresentImg(accep..
하루의 이슈 2019. 10. 30. 22:03
9/25

redux에 save를 줘서 true일때와 false일때를 바꿔준다. use를 하위에서 사용하고 상위에서 또 사용시 dependency가 나옴 -> 아니네..? 그럼 어디지? onclick => onclick으로 넘겨버리면 된다!! 양쪽으로 왓다갓다가 실행이 제대로? const store = useContext(StoreContext); const tempdata = store.getState(); useEffect(() => { setData({ name: tempdata.productname, explain: tempdata.productexplain }); }, [tempdata]); 이렇게 해버리기!!! redux에 개별 저장해놓는 변수와 이것을 배열로 든 오브젝트든 묶어주는 변수가 있으면 좋을 ..
하루의 이슈 2019. 10. 30. 22:01
9/23

여러 옵션이 추가적으로 늘어난다 이것들의 데이터가 추가된다 순서대로 추가될시 왓다갓다하며 적었을때 순서가 섞일 수 가 있다. 각자 고유 배열의 값에 데이터가 들어가야만 한다 그렇다면 하나의 세트로 들어가는 것이 좋지안을까? 그냥 첫째 배열 - 몇번째 2째 이름인지 뭔지 넣고했다 tempdimenstion: { [action.dimension1]: { [action.dimension2]: action.optionName }, }, ...state, tempdimension: state.tempdimension.concat({ [action.dimension1]: { [action.dimension2]: action.optionName }, }), }; 이건 오류가 없고 ...state, tempdimens..
하루의 이슈 2019. 10. 30. 22:00
9/18

https://dev-momo.tistory.com/entry/React-Hooks why hook 거대하고 복잡한 component해결 : useState를 통해 state를 재사용하고 비교적 덜 무거운 함수형 컴포넌트에 state사용 중복 로직 : component~를 useEffect를 통해 대체 this 미사용 CRUD : create read update delete https://velog.io/@killi8n/4-2.-React-%ED%8E%98%EC%9D%B4%EC%A7%80-%EA%B5%AC%EC%A1%B0-%EC%83%9D%EC%84%B1.-2tjmc31cra http://jeonghwan-kim.github.io/2018/07/16/react-app-overview.html 리덕스의 ..
하루의 이슈 2019. 10. 30. 22:00
9/19

import { useState, useContext } from 'react'; import { useDispatch, StoreContext } from 'redux-react-hook'; export default function useSwitchState() { const [newLogin, setNewLogin] = useState(); const store = useContext(StoreContext); const todos = store.getState(); const dispatch = useDispatch(); function addSwitch() { dispatch({ type: 'LOG_BUTTON', login: newLogin }); setNewSwitch(); } return ..
하루의 이슈 2019. 10. 30. 22:00
9/20

export default function OptionSwitch(props) { const [state, setState] = useState(false); const handleChange = (data) => { setState({ ...state, state: data }); props.onCreate(state); console.log(`optionswitch_data : ${data}`); console.log(`optionswitch_state : ${state}`); }; return ( handleChange(!e.target.value)} value={state} /> ); } export default function SwitchInterface() { const [state, set..
하루의 이슈 2019. 10. 30. 22:00
9/24

import React from 'react'; import { StyledAppbar, StyledToolbar } from '../../styles'; export default function Basic({ Icon }) { return ( ); } 이런식으로 appbar에 icon넣기를 정식으로 실행 import React from 'react'; import Typography from '@material-ui/core/Typography'; import { StyledAppbar, StyledToolbar } from '../../styles'; export default function Basic({ Icon, appstring, Button1, Button2, }) { return ( {a..
하루의 이슈 2019. 10. 30. 22:00
Prev 1 2 3 4 5 Next