학습 자료

학습 자료 (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)

기본 템플릿 모음도 확인해보세요. 다음 앱을 더 빠르게 만들기 시작하는 데 도움이 돼요.

공식 문서 외에도 Material UI를 다루는 훌륭한 튜토리얼과 가이드를 만드는 커뮤니티 멤버들이 아주 많아요. 아래는 컴포넌트로 멋진 앱을 만드는 법을 배우기에 좋은 서드파티 자료 중 우리가 찾아낸 최고의 목록이에요.

무료 (Free)

더 알아보기 (Learn more)