$$config title: 22.07.28 수업내용 keywords: - IT - components - Converter.jsx - Counter.jsx - App,jsx $$ # App. jsx ```jsx import React, { useState } from "react"; import Counter from "./components/Counter"; import Converter from "./components/Converter"; import Mybtn from "./components/Mybtn"; function App() { const [counter, setCounter] = useState(0); return ( <>

); } export default App; ``` --- # Converter.jsx ```jsx import React, { useState } from "react"; function Converter({ counter }) { return (

{/* 삼항 연산자 */} {counter % 2 === 0 ? "짝수" : "홀수"}

); } export default Converter; ``` --- # Counter.jsx ```jsx import React, { useState } from "react"; function Counter({ counter, setCounter }) { const addCounter = () => { setCounter(counter + 1); }; return (

{counter}번 클릭했습니다

); return; } export default Counter; ``` --- # Mybtn.jsx ```jsx import React from "react"; const Mybtn = ({ text, fontSize, isChecked, alertMsg }) => { return ( ); }; export default Mybtn; ``` ---