[mac] Redgram UI 만들기 2

IRREPLACEABLE·2023년 5월 6일
0

project

목록 보기
3/3
  1. src-components 하위 풀더를 만들어 주세요.

  2. components-leftBar, navbar, rightBar 하위 폴더 세개를 만들어 주세요. 이 세개는 홈에서 왼쪽, 오른쪽, 맨위에 바를 만들어줄겁니다.

  1. 각각의 폴더에 jsx와 scss를 만들고, jsx 함수형 컴포넌트를 만들어주고 scss import도 해주세요.
  1. 다시 app.js로 돌아가서 home을 경로를 만들어 주세요.

  2. react-router에서 Outlet을 사용하여 중첩시켜서 만들겁니다.

  • import 잊지말기

6.경로를 추가해주세요.

6.1 홈 테스트

reacr-router(Outlet)

  1. 아이콘 사용을 위해 터미널을 열고 추가해주세요.
yarn add @mui/icons-material @mui/material @emotion/styled @emotion/react
  1. Navbar UI

  1. leftbar UI (나중에 더 추가..)
profile
내가 주인공

0개의 댓글