2023-01-10

인포라는 값이 바뀔때마다
info.map 부분을 재 랜더링 하고 싶어하는 것

등록버튼을 누르면, 배열값이 바뀌겟다라는 뜻입니다.

어떠한 변수를 바꾸고 변수에 따라서 바뀌려면.... state로 써야햇다.

input에 onChange 사용
버튼의 온클릭과 같고, 함수를 쓴다.

온체인지의 이벤트를 걸겟다는
함수를 쓰게 되고,
함수의 첫번쨰 매개변수는 무조건 관련된 이벤트가 담긴 정보 객체가 있다.
보통 e라고 씁니다

e.target
해당 이벤트가 걸린 태그 선택
즉 해당 input 태그를 쓴것이다

값을 가져오려면
e.target.value
setState(e.target.value)

이렇게 설정해주고
등록 버튼에서 해당 변수를 써서 info 배열을 바꿔야 한다.
사람 추가

배열.concat(인자)
원래 배열을 복사 + 인자를 마지막에 추가하는 새로운 배열을 만든다. => 배열을 직접 바꾸지는 못합니다.

info.concat()
info의 마지막에 들어온값을 추가해주는 함수
새로운 배열을 만들어 준다.
배열에만 쓸수있는 함수