프론트엔드

Material UI(MUI)는 Google의 Material Design을 구현하는 오픈소스 React UI 구성 라이브러리이다.현재 가장 많이 쓰이고 있는 React UI 컴포넌트 라이브러리 중에 하나이다. 패키지 설치Material UI는 core, system, utils, icons 등 여러 개의 패키지로 구성되어 있다.핵심적인 기능을 담고있는 @material-ui/core$ npm i @material-ui/core  - React 18과 Material-UI v4 호환 문제 : Material-UI v4는 React 18과 호환되지 않아, v5로 업그레이드$ npm install @mui/material @emotion/react @emotion/styled 폰트 불러오기Material U..

Webpack이란?Webpack = 모듈 번들링(Module Bundling)이라고 한다.(* 모듈 번들링 : html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식)-> 필요한 여러 개의 자바스크립트 파일을 하나의 자바스크립트 파일로 만들어주는 것 왜 Webpack을 사용하는가?과거에는 페이지마다 새로운 html을 요청해서 출력하는 방식(Multiple Page Application)이었지만,최근에는 하나의 html 페이지에 여러 개의 자바스크립트 파일들이 포함되는 방식(Single Page Application)을 사용한다.-> 연관된 자바스크립트 파일들을 하나의 파일로 묶어 관리하기 편해짐파일을 컴파일할 때, 여러 모듈들의 파일을 읽어오는데 시간이 오래 걸림-> 여..