주의사항

  1. 불필요한 렌더링을 방지하도록 상태관리에 신경쓴다.
  2. 변수, 함수, 클래스의 역할이 드러나는 이름을 작성한다.
  3. 페이지간 이동은 react-router-dom라이브러리의 Route와 Link를이용한다.
  4. 오류 체크 잘하기
  5. API호출에 대한 상태관리는 한번에 모아서 하기

사용자 정보

  1. context API로 관리
  2. state와 dispatch를 다른 컴포넌트에서 따로 사용할 수 있도록 해준다.

헤더 컴포넌트

  1. 로그인 정보 없으면 로그인 버튼 띄움
  2. 로그인버튼 누르면 로그인페이지로 연결
  3. 로그인 되있으면 '~님, 안녕하세요'와 로그아웃 버튼 띄우기
  4. context API를 이용하여 헤더의 visible 속성을 설정할 수 있도록 한다.
  5. 헤더의 visible 상태가 false라면 로그인, 로그아웃 버튼을 렌더링하지 않는다.

카테고리 컴포넌트

  1. 카테고리 클릭 시 Link를 이용해 postList로 이동하는데 이때 categoryId를 파라미터로 넣어준다.