챌린지 사전과제를 제출합니다.

[jaypedia]

Demo

Mar-04-2023.21-15-05.mp4

Requirements

필수 요구사항

• Next.js등을 이용하는 SSR 애플리케이션이 아닌, CSR 애플리케이션을 구축한다.
• 최소 3개 이상의 페이지를 가진다.
• 모든 페이지는 공통적으로 header, sidebar가 존재한다.
  • sidebar 대신 navigation bar로 구성해 보았습니다.

추가 요구사항

• 3개의 페이지가 고정되지 않고 언제든지 페이지가 추가될 수 있다.
• 만들어진 페이지별로 로그인 여부를 판단하고자 한다면 어떻게 구조를 확장해야 할지 고민한다.
  • react-router-dom의 loader를 사용하면 페이지를 렌더링하기 전 로그인 여부를 확인하는 함수를 호출할 수 있습니다.
• username, password를 받아 로그인을 수행할 수 있는 페이지를 만든다. 실제 API는 연결하지 않아도 되며, 로그인 페이지에는 header, sidebar가 적용되지 않는다.