Install

  • next, react, react-dom
    npm install next react react-dom

요구 사항

  • 화면은 총 4가지 입니다. 시작 화면 -> 장비 선택 화면-> 악세서리 선택 화면 -> 제출 완료 화면
  • 지금까지 배운 것들 중 원하는 기술 스택을 선택해서 구현해주세요. (Ex. 스타일링 방법, API 호출 방법, 상태 관리 방법 등)
  • 단, 프로젝트는 next.js 를 사용해서 페이지가 구성되어 있습니다.

1.시작 화면

  • OOO님, 입사를 축하 드립니다! 원하시는 개발 장비를 선택해주세요.
  • API 를 통해 유저의 이름을 받아와주세요.
  • BottomButton 이라는 컴포넌트를 만들어주세요.

2.장비 선택 화면

  • 아이맥 or 맥북을 라디오 버튼을 통해 선택해주세요.

3.악세서리 선택 화면

  • 모니터 or 키보드를 라디오 버튼을 통해 선택해주세요.
  • 장비 선택 화면과 악세서리 선택 화면에서 같이 사용할 수 있는 공용 라디오 컴포넌트로 리팩토링 해주세요.

4.제출 완료 화면

  • OOO님이 선택하신 장비는 OOO, 악세서리는 OOO입니다. 맞으시다면 제출하기 버튼, 다시 선택 하시려면 첫 화면으로 돌아가기 버튼을 클릭해주세요.