학습 자료
학습 자료 (Learning resources)
Material UI를 처음 접하시나요? 우리가 엄선한 학습 자료 목록으로 빠르게 감을 잡아볼게요.
출처: 문서
본문
여러분의 첫 컴포넌트 (Your first component)
아래 데모는 <Button> 컴포넌트를 사용한 기본적인 Material UI 앱을 보여줘요. Button의 variant를 outlined로 바꿔보면 스타일이 어떻게 변하는지 확인해보세요:
import Button from '@mui/material/Button';
export default function ButtonUsage() {
return <Button variant="contained">Hello world</Button>;
}
예제 프로젝트 (Example projects)
example projects 페이지를 방문해서 Next.js, Vite 등 다양한 React 라이브러리·프레임워크와 함께 Material UI를 어떻게 구현하는지 권장 방식을 확인해보세요.
템플릿 (Templates)
기본 템플릿 모음도 확인해보세요. 다음 앱을 더 빠르게 만들기 시작하는 데 도움이 돼요.
추천 자료 (Recommended resources)
공식 문서 외에도 Material UI를 다루는 훌륭한 튜토리얼과 가이드를 만드는 커뮤니티 멤버들이 아주 많아요. 아래는 컴포넌트로 멋진 앱을 만드는 법을 배우기에 좋은 서드파티 자료 중 우리가 찾아낸 최고의 목록이에요.
무료 (Free)
-
Material UI v7 Complete Course by Code Genix: 최신 버전의 Material UI로 빌드하는 데 필요한 모든 것을 다루는 종합 코스예요.
-
React + Material UI - From Zero to Hero by The Atypical Developer: 기본 설치부터 고급 컴포넌트 구현까지 이어지는 심층 시리즈를 함께 따라 만들어보세요.
-
Material UI v5 Crash Course + Intro to React (2022 Edition) by Anthony Sistilli: Material UI를 쓰는 방법과 이유, 그리고 테마와 스타일 커스터마이즈에 대한 가이드예요.
-
Material UI v5 Tutorial Playlist by Nikhil Thadani (Indian Coders): Create React App으로 Material UI의 거의 모든 컴포넌트를 다루는 상세한 플레이리스트예요.
-
The Clever Dev by Jon M: Material UI의 내부를 파고드는 수십 개의 고품질 영상이 있어요.