import './App.css';
import { useState } from 'react';

function App() {
    const [st, setSt] = useState(0);

    return (
        <div className="App">
            <button
                ={() => setSt(st + 1)}
            >
                눌러봐
            </button>
            <ul id="board">
                {
                    new Array(st).fill(true)
                        .map((_, count) => {
                            return (
                                <li
                                    key={count} // 리액트에서 컴포넌트를 식별해서 관리하기 위해서 key가 필요함
                                    style={{
                                        fontSize: `${(100 + 10 * count)}%`
                                    }}
                                >
                                    응 계속 눌러봐 ㅋㅋ{'ㅋ'.repeat(count)}
                                </li>
                            )
                        })
                }
            </ul>
        </div>
    );
}

export default App;