실습 시나리오
1.
홈화면에는 어느 부서로 로그인이 되었느냐에 따라, 상품배너가 보일지, 마켓팅 배너가 보일지 나뉜다.
a.
세일즈팀은 상품배너
b.
마켓팅팀은 마켓팅배너
2.
홈화면에는 공통적으로 보이는 about배너가 있다.
3.
모든 배너는 페이지컴포넌트로 구성되어있다.
4.
홈화면에서 로그인이 되어있지 않을 경우, 로그인 버튼이 존재한다.
5.
로그인 버튼을 누를 경우, 모달이 열리며, 모달 컴포넌트는 별도의 URL을 가지고 있다.
6.
모달에는 어느 부서로 로그인을 할 것인지 선택하는 구좌가 있다.
7.
style은 styled-components를 이용한다.
프로젝트 환경 및 설치
•
Node Version : 16.19.0
yarn create next-app
Bash
복사
Terminal 실행