이것저것

버튼만드는 const 함수 import React, { useState } from 'react'; const App = () => { const setFocus = () => { setMsg('') cuser.current.focus(); } const [inputText, setMsg] = useState('') const onChange = (event) => { setMsg(event.target.value) } const cuser = React.createRef(); return ( {/* value로 값을 넣어주는데 ''으로 들어가 있기때문에 값의 변화를 주기위해서는 onChange가 필요하다.*/} 버튼 ) } export default App; 버튼을 누르면 '호랑이'가 추가되는 cons..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1. Node.js 설치 2. 편집에디터 : atom, vs code 등 많이 있지만 거의 vs code로 쓴다. 우리도 vs code로 작업한다. node.js를 깔면 npm이 자동으로 깔린다. npm은 설치 명령어이다. 3. react를 설치 npm install -g create-react-app 리액터 라이브러리 설치 명령어 프로젝트 폴더에 들어가서 경로 앞에 cmd를 쳐주면 바로 들어간다. 경로로 들어가서 create-react-app test01 명령어를 쳐주면 설치에 들어간다. Happy hacking이라고 뜨면 프로젝트는 만들어진 거다. cd test01로 test01 프로젝트에 들어간 다음에 npm start 로 npm을 실행시켜준다. 해당 페이지가 열리면 성공한 것이다. http://l..