jonbeo 님의 블로그

MUI 설치부터 버튼·카드·모달까지 – 실습으로 배우는 기본 컴포넌트

MUI(Material UI)는 리액트에서 가장 많이 쓰이는 UI 프레임워크 중 하나입니다.이번 포스팅에서는 MUI를 설치하고,실제로 자주 사용하는 버튼, 카드, 모달 컴포넌트를 직접 다뤄보며 사용법을 익혀보겠습니다. ✅ MUI 설치하기npm install @mui/material @emotion/react @emotion/styled💡 MUI는 Emotion을 기본 스타일 엔진으로 사용하기 때문에 위 세 개를 함께 설치해야 합니다. ✅ 1. MUI 버튼 사용해보기import Button from '@mui/material/Button';function App() { return ( Contained Outlined Text );} 타입설명contained..

MUI vs Ant Design – 어떤 UI 라이브러리를 선택해야 할까?

리액트로 프로젝트를 하다 보면 가장 먼저 부딪히는 고민,“UI 라이브러리를 뭘 쓸까?” 입니다. 대표적인 두 가지는 바로MUI(Material UI) 와 Ant Design(antd) 이번 포스팅에서는이 두 라이브러리를 기능, 디자인, 학습 난이도, 생태계 등 기준으로 비교해보고,어떤 프로젝트에 어떤 선택이 더 적합한지 정리해볼까 합니다. ✅ MUI(Material UI)란?구글의 Material Design 가이드라인을 기반으로 만들어진 UI 프레임워크빠르고 직관적인 컴포넌트 구성공식 웹사이트: https://mui.com장점컴포넌트 스타일이 모던하고 깔끔Theme 커스터마이징이 강력함TypeScript 지원이 뛰어남단점Material Design에 익숙하지 않으면 다소 낯설게 느껴질 수 있음일부 고급..