Material-UI(?? MUI?? ?)? Google? ???? ??? ??? ?? ?? ???? ?? ?? ??? ???? ?? ?? ?? ?? React ?? ?? ????????. ?? ???? ???? ???? ????? ???? ???? ????? ????? ??? ?????? ???? ? ??? ???. MUI?? ??, ????, ???, ?? ?? ?? ?? ???? ?? ?? ??? ???? ??? ?? ??? ?? ??? ?? ??? ??? ? ????.
MUI? ?? ??:
?? ???? ?? ??: MUI? ??, ??? ??, ?? ??, ?? ?? ?? ?? ??? ? ?? ??? ?? ??? ?????. ??? ????? ???? ??? ??? ????? ???? ????? ???? UI? ?? ??? ? ????.
??? ?? ? ?? ?? ??: MUI? ??? ??? ??? ?????. ???? ?? ???? ????? ??? ?? ??? ?? ? ????. ??, ??, ?? ? ?? ?? ??? ???? UI? ???? ?? ?? ? ????.
???: MUI? ?? ??? ????? ????? ???????. ?, ?? ??? ??? ?? ???? ?????.
???: MUI ?? ??? ???? ??? ?? ??????? ?? ??? ??????? ? ?? ??? ? ????.
???: MUI? ?????? ?? ??? ??? ? ?? ???? ???? ??? ??? ??? ?????.
React?? ??: MUI ????? React? ???? ???? ?? ?? ? ??? ??? ????.
MUI? ???? ??
React ?????? MUI? ????? ?? ??? ????.
- MUI ??:
MUI? ????? ?? ??? ?????.
npm install @mui/material @emotion/react @emotion/styled
MUI?? ??? ??? ?? @emotion/react ? @emotion/styled? ?????.
- ??? MUI ?? ?? ??:
???? ???? React ?????? MUI ?? ??? ??? ? ????.
'react'?? React? ?????.
'@mui/material/Button'?? ?? ????;
?? ?() {
?? (
<div>
<p>? ???? MUI?? Button ?? ??? ??? ? ??? ?????. Variant="contained" ??? ??? ?? ???? ???? color="primary"? ?? ??? ?? ??? ?????.</p>
<ol>
<li>
<strong>??? MUI ??? ??</strong>:</li>
</ol>
<p>MUI? ? ???? ??? ??? ? ?? ThemeProvider ?? ??? ?????. ??, ??, ??? ???? ??? ?? ??? ? ????.</p><p>??? ?? ??? ???? ????.<br>
</p>
<pre class="brush:php;toolbar:false"> 'react'?? React? ?????.
import { Button, ThemeProvider, createTheme } from '@mui/material';
// ??? ?? ?? ???
const ?? = createTheme({
???: {
???: {
main: '#FF5733', // ??? ?? ?? ??
},
??: {
main: '#33FF57', // ?? ?? ??
},
},
});
?? ?() {
?? (
<ThemeProvider ??={??}>
<div>
<p>? ???? ??? ?? ??? ?? ???? ??? ?? ??? ??? ?? ThemeProvider? ??????? ???? ??? ????? ?????.</p>
<ol>
<li>
<strong>MUI? ??? ??? ????</strong>:</li>
</ol>
<p>MUI? ??? ????? ?? ? ?? ??? ??? ???? ?????. ????? 12? ??? ????? ?????.</p>
<p>??? MUI? ??? ?? ??? ???? ??? ????.<br>
</p>
<pre class="brush:php;toolbar:false"> 'react'?? React? ?????.
'@mui/material'?? { ???, ?? }? ?????.
?? ?() {
?? (
<div>
- ??? ????? ??? ??? ??? ??? ???? ? ?????.
- ??? ?? xs={12} md={6}? ??? ??? ?? ??(?? ??)?? 12?? ???? ??? ??(?? ??)?? 6?? ???? ?????.
??
Material-UI(MUI)? ???? ???? ??? ?????? ??? ????? React ???? ?? ??? ????????. ??? ?? ??, ??? ?? ??, ???? ??? ?? ??? ?? MUI? ?? ????? ????? ??? ???? ? ??????? ??? ? ??? ? ? ????.
??? ????? ??? ???? ?? ????? ????? ??? ??? ???? ? ? ??? ? ????. ?? ???? ?? ??? ??? React ??????? ???? ?? ??? ?????.
? ??? React?? Material-UI(MUI) ????: ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
JavaScript ??? ???? JS ??? ? : ES ?? ? CommonJS
Jul 02, 2025 am 01:28 AM
ES ??? CommonJS? ?? ???? ?? ?? ? ?? ???????. 1. Commonjs? ????????? Node.js ?? ? ??? ?????. 2.ES ??? ???????? ????? ?? ???? ??? ?????. 3. ??, ES ??? ?? ??/????? ???? ??? ??? ?????? CommonJS? Quiew/Module.exports? ???? ???? ???? ?? ? ? ????. 4. Commonjs? Express? ?? ???? Node.js ? ?????? ?? ???? ?? ???? ?? ES ??? ?? ??? ?? ??? ?? ? Node.jsv14? ?????. 5. ?? ? ? ??? ?? ??? ??? ? ????.
??? ??? JavaScript?? ??? ??????
Jul 04, 2025 am 12:42 AM
JavaScript? ??? ?? ????? ??? ?? ??? ??? ?? ?? ?? ????? ?? ???? ???? ?????. ??? ?? ???? ?? ??? ?? ??? ???? ???? ?? ?? ???? ???? ?????. ?? ??, ??? ? ?? ???? ??? (? : ??? null? ??) ?? ??? ????? ??????. ??? ??? ???? ??? ??? ????. closure?? ?? ??? ?? ??; ? ??? ??? ?? ?? ???? ?? ???? ????. V8 ??? ?? ???, ?? ??, ??/?? ???? ?? ??? ?? ??? ??? ????? ?? ??? ?? ??? ????. ?? ?? ???? ??? ??? ??? ??? ???? ????? ?? ?? ???? ?? ???????.
node.js?? HTTP ????? ???
Jul 13, 2025 am 02:18 AM
Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.
var vs let vs const : ?? JS ??? ? ?? ?
Jul 02, 2025 am 01:18 AM
VAR, Let ? Const? ???? ??, ?? ? ?? ?????. 1.var? ?? ??????? ?? ???? ?? ? ??? ?????. 2. let? ?? ?? ????? ?? ?? ???? ?? ? ??? ???? ????. 3. ???? ?? ?? ???? ?? ??????? ? ?? ? ? ??? ?? ??? ?? ?? ??? ? ????. ?? const? ???? ??? ??? ? LET? ???? VAR? ???? ????.
JavaScript ??? ?? : ?? ? ??
Jul 13, 2025 am 02:43 AM
JavaScript ??? ??? ?? ?? ? ?? ???? ????. ?? ???? ???, ??, ??, ?, ???? ?? ? ??? ?????. ?? ????? ?? ?? ? ? ??? ????? ?? ??? ??? ????. ??, ?? ? ??? ?? ?? ??? ??? ??? ???? ??? ??? ???? ??? ?? ??? ????. ?? ? ????? ??? ???? ? ??? ? ??? TypeofNull? ??? ?????? ??? ? ????. ? ? ?? ??? ???? ?????? ????? ???? ??? ???? ? ??? ? ? ????.
Dom Tree? ?? ??? ?? (? : ParentNode, Children, NextElementsibling)?
Jul 02, 2025 am 12:39 AM
DOM Traversal? ? ??? ?? ??? ?????. ???? ???? ??? ?????. 1. ParentNode? ???? ?? ??? ?? ???? ?? ? ????. 2. ???? ?? ?? ??? ???? ??? ?? ? ?? ?? ?? ??? ??? ??????. 3. NextElementsibling? ?? ?? ??? ?? ?? ??? ???? ??? ??? ??? ?????. ???? ?? ??, ??? ?? ?? ?? ?? ?? ????? ??? ???? ?? Brother ??? ?? ?????. ??? ??? ??? ? ??? ??? ??? ???? ?? ? ? ????.
