1) 학습한 내용

1.증가&감소버튼

import logo from './logo.svg';
import './App.css';
import Box1 from './component/Box1';
import {useState} from 'react';
function App() {
  const [counter,setCounter] = useState(0);
  const increase =()=>{
    setCounter(counter+1);
  }
  const decrease =()=>{
    setCounter(counter-1);
  }
  return (
    <div>
      <div>{counter}</div>
      <button onClick={increase}>증가 버튼</button>
      <button onClick={decrease}>감소 버튼</button>
    </div>
  );
}
export default App;

2.

① 새로운 프로젝트 만들기

npx create-react-app proj2

②

 npx -p storybook sb init

③

 npm run storybook

3. Text

4. Input

5. 과제

-storybook 결과 제출

2) 학습내용 중 어려웠던 점

Text 내용이 storybook에 나오지 않았다.

3) 해결방법

코드를 복사 붙여넣기 해서 실행하니까 나왔다.

4) 학습소감

React실행방법이 익숙하지 않아 내용을 이해하기가 너무 어렵다.