주의사항
- 불필요한 렌더링을 방지하도록 상태관리에 신경쓴다.
- 변수, 함수, 클래스의 역할이 드러나는 이름을 작성한다.
- 페이지간 이동은 react-router-dom라이브러리의 Route와 Link를이용한다.
- 오류 체크 잘하기
- API호출에 대한 상태관리는 한번에 모아서 하기
사용자 정보
- context API로 관리
- state와 dispatch를 다른 컴포넌트에서 따로 사용할 수 있도록 해준다.
헤더 컴포넌트
- 로그인 정보 없으면 로그인 버튼 띄움
- 로그인버튼 누르면 로그인페이지로 연결
- 로그인 되있으면 '~님, 안녕하세요'와 로그아웃 버튼 띄우기
- context API를 이용하여 헤더의 visible 속성을 설정할 수 있도록 한다.
- 헤더의 visible 상태가 false라면 로그인, 로그아웃 버튼을 렌더링하지 않는다.
카테고리 컴포넌트
- 카테고리 클릭 시 Link를 이용해 postList로 이동하는데 이때 categoryId를 파라미터로 넣어준다.