React + Typescript + MUI 예제

프로젝트 적용 방법

프로젝트를 생성할 디렉토리로 가서 터미널에 git clone https://github.com/dev-jaemin/react-ts-boilerplate 입력
cd react-ts-boilerplate
git init 으로 깃 저장소 초기화
새로 저장할 깃헙 레포 생성(이미 되어있으면 생략)
git add .
git commit -m "init"
git remote add origin [새로운 깃헙 레포 주소]
git push -u origin main

실행방법

터미널에 npm i 입력
터미널에 npm start 입력 시 http://localhost:4000 에서 리액트 실행(3000 아님 주의!)

알아두면 좋은 것들

이 프로젝트는 MUI 를 사용하여 만들었습니다.
- https://mui.com/material-ui/all-components/ 페이지에 mui에서 제공하는 컴포넌트들 목록이 있으니 참고해서 가져다 쓰시면 됩니다.
- 아이콘들도 https://mui.com/material-ui/material-icons/ 에서 보실 수 있습니다.
주석을 많이 달아두었는데, 리액트 기초 강의는 한 번씩 보고 왔다는 가정하에 작성하였습니다.
- 물론 완전 기초적인 것을 질문하셔도 친절히 알려드릴 예정이니 괜히 강의 어디에 있었더라... 하면서 찾아보시지 않으셔도 됩니다!