react

1

let history = useHistory();
<div onClick={()=>history.push('/cinema')}><div>

react-router에서 특정url로 이동시 Link태그를 사용할 수도 있지만 react-router V5부터
useHistory hook을 이용하여 클릭이벤트를 함수형태로 만들 수 있다

2

const divideDates = (dates) => {
    const copyDates = JSON.parse(JSON.stringify(dates));
    const chunk = [];
    const chunk2 = [];
    for (let i of copyDates) {
      if (i.isVailable === true) {
        chunk2.push(i);
      }
    }
    while (chunk2.length) chunk.push(chunk2.splice(0, 8));
    return chunk;
  };

함수의 인자를 redux값을 받아올때 깊은복사를 하지 않고 splice메소드를 실행 할 경우 원본에 영향을 주므로 리덕스 스토어에도 영향을 준다.따라서 깊은복사를 한 후 사용하도록 한다.

css

material ui

 <div>
      <Button
        aria-controls="simple-menu"
        aria-haspopup="true"
        onMouseOver={handleClick}
      >
        Open Menu
      </Button>
      <Menu
        id="simple-menu"
        anchorEl={anchorEl}
        keepMounted
        open={Boolean(anchorEl)}
        onClose={handleClose}
      >
        <div  onMouseLeave={handleClose}>
        <MenuItem  className='zxc' onClick={handleClose}>Profile</MenuItem>
        <MenuItem  className='zxc' onClick={handleClose}>My account</MenuItem>
        <MenuItem  className='zxc' onClick={handleClose}>Logout</MenuItem>
        </div>
      </Menu>
    </div>

Material Ui에서 hovable menu를 만들고자 할때 button에 onMouseOver이벤트를 주고 MenuItem을 div로 묶어 onMouseLeave를 주면 hovable로 만들 수 있다. MenuItem들을 가로정렬하고자 할 경우 클래스에

css

min-height 값을 줄때 컨텐츠가 border밖으로 침범했는데 float:left로 해결함

git

git config branch.master.pushRemote no_push
로컬에서 master브랜치로 푸시방지