제출할 폴더 이름 : | ex02 |
제출할 파일 이름 : | 리액트 프로젝트에 필요한 모든 파일 |
사용 가능한 외부 모듈 : | 프로젝트에 필요한 모든 모듈 |
참고사항 : |
-
나를 소개하는 홈페이지를 만들어봅시다.
-
모든 컴포넌트에 적용될 폰트, box-sizing가 적절히 설정된 CSS-in-JS를 만드세요.
-
홈페이지의 이름이 들어갈 Header 컴포넌트를 만드세요. Header 컴포넌트는 홈페이지 상단에 위치합니다.
-
홈페이지 왼쪽에 다른 페이지의 하이퍼링크가 달린 Menu 컴포넌트를 만드세요.
-
Menu 컴포넌트에는 최소 2개 이상의 메뉴가 있어야 합니다.
-
모든 페이지에는 Header, Menu가 있어야 합니다.
-
홈페이지 내용이 들어갈 Body 컴포넌트를 만드세요.
-
Body에는 '나'에 대해 자유롭게 소개하세요.
-
모든 컴포넌트에 CSS-in-JS가 적용되어야 합니다.
-
미디어쿼리를 사용하여 페이지 크기가 작아지면 Menu 컴포넌트가 Body 컴포넌트 위에 위치하도록 구현하세요.