dev-jaemin/react-ts-boilerplate

react, ts, mui를 사용한 boilerplate 코드입니다. 초심자들이 예시를 보고 따라할 수 있도록 예시 페이지만 간단하게 있습니다. 주석을 충분히 달았습니다.

React + Typescript + MUI 예제

프로젝트 적용 방법

1. 프로젝트를 생성할 디렉토리로 가서 터미널에 git clone https://github.com/dev-jaemin/react-ts-boilerplate 입력
2. cd react-ts-boilerplate
3. git init 으로 깃 저장소 초기화
4. 새로 저장할 깃헙 레포 생성(이미 되어있으면 생략)
5. git add .
6. git commit -m "init"
7. git remote add origin [새로운 깃헙 레포 주소]
8. 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/ 에서 보실 수 있습니다.
• 주석을 많이 달아두었는데, 리액트 기초 강의는 한 번씩 보고 왔다는 가정하에 작성하였습니다.
  • 물론 완전 기초적인 것을 질문하셔도 친절히 알려드릴 예정이니 괜히 강의 어디에 있었더라... 하면서 찾아보시지 않으셔도 됩니다!