5월 5일 프리온보딩 3일차

오늘 한 일

오늘은 어제 각자 나눈 역할대로 개발을 했다.
모두들 음성채팅에 상주하고 있었기 때문에 모르는 것은 바로바로 피드백을 주고 받을 수 있었다.

공부한 것

PropTypes

js로 개발을 하는데 저번에 설정한 린터로 인해 컴포넌트에 매개 변수를 주려면 type을 지정해야 했다. prop-types라는 라이브러리를 이용한다.

다운
npm install prop-types

다운이 받아졌으면 import해서 사용한다.

import PropTypes from 'prop-types'

function Container({ str }) {
  return <div>{str}</div>
}

Container.propTypes = {
  str: PropTypes.string,
}

이런식으로 props에 맞는 type을 지정해서 사용한다.
이렇게 미리 type을 지정하면 실수로 잘못된 값을 보내는 걸 방지할 수 있다.

react-router-dom의 history

보통 다른 주소로 갈 때 <Link>를 사용하는데 다른 버튼같은 것을 클릭해서 보내려면 history라는 객체를 사용해야 한다.
react-router-dom에는 useHistory() 라는 hook을 이용하면 사용할 수 있다.
본인도 login 후 main page로 가기 위해 사용했는데, 오류가 발생했다.
주소는 바뀌었는데 페이지 이동은 하지 않는 것이다.
새로고침을 해야 이동하는 것을 보고 새로고침 코드도 추가했다.

const history = useHistory()

  const handleSubmit = () => {
    history.push('/')
    window.location.reload()
  }