post-custom-banner

github repo

https://github.com/hyukzz/wanted-pre-onboarding-3-FE-quest

사전과제에 대한 설명

3월 프론트엔드 프리온보딩 과정 진행을 위해, 아래의 내용을 읽고 사전 과제를 수행해 주세요.

사전 과제는 해당 레포지토리를 포크하여 진행해 주시면 됩니다.

만들어야 할 것

이번 프리온보딩에서는 레이아웃 패턴과 로그인에 대해서 다룹니다. 사전 과제에서는 현재 수강생 여러분이 가지고 있는 리액트 라우터 구성 및 레이아웃 구성에 대한 지식을 확인해 보고자 합니다.

사전 과제로써 다음 요구사항을 충족하는 리액트 어플리케이션을 구성합니다.

  • NextJS 등의 SSR 어플리케이션이 아닌, CSR 어플리케이션을 구축한다.
  • 최소 3개 이상의 페이지를 가지도록 구현한다.
  • 모든 페이지에 공통으로 반복되는 헤더와 사이드바가 있도록 구성한다.

즉, 다음 이미지와 같은 형태로 구현합니다.
(본인이 구현한 페이지 뷰)

이 때, 아래의 내용을 고민하며 과제를 진행해 주시면 더욱 도움이 됩니다.

  • 3개의 페이지가 고정되는 앱이 아니라, 여러 개의 페이지가 언제든 추가될 수 있다고 생각하고 프로젝트를 수행해 보세요.
  • 만들어진 페이지별로 로그인 여부를 판단하고자 한다면 어떻게 구조를 확장해야할지 고민해 보세요.

추가로, 여유가 있다면 유저네임과 비밀번호를 받아 로그인을 수행할 수 있는 페이지를 만들어 보세요. 실제 API는 연결하지 않아도 되며, 로그인 페이지는 공통 레이아웃(상단 네비게이션 바 및 사이드바)이 적용되지 않도록 만들어 주세요.

질문하기 & 제출하기

  • 과제 관련 질문은 해당 레포지토리에 이슈로 남겨주세요! 확인하는 대로 답변 드리도록 하겠습니다.
  • 과제를 완료하셨다면 해당 레포지토리에 pull request를 남겨 제출해 주세요.

포부

일단 제가 이번 프리온보딩을 하면서 개인적으로 바라거나 기대하는 점은 물론 개발실력의 향상도 있지만 하나를 학습하더라도 이를 토대로 응용하고 추후에도 적용할 수 있도록 체화하고 싶습니다. 그러기 위해서는 학습 방법에도 변화가 조금은 필요하다고 생각합니다. 순수하게 보여지는 것을 개발하는 것도 중요하지만 이제는 제가 개발하는 것에 대해 이해하고 코드 한 줄에도 의미가 있이 코드를 짜고 싶습니다.

profile
노션 저장소는 🏠홈버튼 눌러주세요 !
post-custom-banner

0개의 댓글