👄 Today
- HA 첫번째날~ 문제 다 풀었다. ㅎㅎ
- 오랜만에 리액트 파일 만들고, useState를 간단히 복습했다. 프로젝트에 들어가기 전까지 복습겸 간단히 무비앱을 만들어봐야겠다는 생각이 들었다. 클론코딩인데 이것도 만든다고 봐야하는건가? 아무튼.
- AWS 파이프라인 생성시 오류를 얼른 잡아야 하는데.. AWS 보기 싫다. 어쩌면 좋을까~ㅜ
useState
import { useState } from "react"
function App() {
const [counter, setCounter] = useState(0)
const counting = () => {
setCounter((current) => current + 1)
}
return (
<div>
<div>{counter}</div>
<button onClick={counting}>Click me</button>
</div>
)
}
export default App;
import { useState } from "react";
{}
function App() {
const [minutes, setMinutes] = useState()
function onChangeFunction(e) {
setMinutes(e.target.value)
}
return (
<div>
<h1 className="hi"> Super Converter</h1>
<label htmlFor="minutes">Minutes</label>
<input
value = {minutes}
id="minutes"
placeholder="minutes"
type="number"
onChange={onChangeFunction}
/>
<div>You want to convert {minutes}</div>
<label htmlFor="hours">Hours</label>
<input id="hours" placeholder="Hours" type="number"/>
</div>
)
}
export default App;