Viiiin94 / my-test-react

실습겸 연습겸 리액트

요구 사항

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

1.시작 화면

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

2.장비 선택 화면

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

3.악세서리 선택 화면

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

4.제출 완료 화면

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