728x90
반응형
다시 시작하는 리액트 - 리액트 심화 2 Quiz
(심층)리액트2023. 5. 2. 00:05다시 시작하는 리액트 - 리액트 심화 2 Quiz

- Quiz : 텍스트 입력기를 만들어보자! ✍ 우측 인풋에 텍스트를 입력하고 [완성] 버튼을 누르면 좌측 네모 박스에 입력한 텍스트가 나오게 해보기 - Quiz 설명 : 그간 배운 내용을 바탕으로 텍스트 입력기를 만들어보자! 힌트: 1. 좌측 네모 박스, 우측 인풋, [완성]버튼를 각기 다른 컴포넌트로 분리해서 만들어봅시다. 2. 텍스트 값을 가져올 땐 useRef()를 사용하세요. 3. useState()를 사용해서 네모 박스에 값을 넣어주세요. 4. useState()는 App 컴포넌트에서 만들어주세요. - 내가 만든 것. component를 각자 따로 만들어주라고 했기 때문에 SquareBox, TextInput, SuccessBtn component를 생성해줌. - App.js import { ..

728x90
반응형
image