Object.keys()
= 객체의 키값을 가져온다.
Object.values()
= 객체의 value를 가져온다.
Object.keys()
= 모든값을 [[], [], []] 의 형태로 가져온다.
위상태로 리펙토링 하여 inputs
와 inputErrors
로 묶은 4가지의 값들을
아래처럼 initialInputs
로 묶어
26번행의 useState()
으로 넣었다. 그 결과 아래의 사진처럼
const [inputs,setInputs] = useState(initialInputs)
의 형태로 바꾸었다.
const [inputs,setInputs] = useState(initialInputs)
위에서 바꿔준 State값을 적용하여 리펙토링 한 모습
네모 안 두 코드는 같은 기능을 하는 소스 코드이며
저장과 검증을 위해 아래의 코드로 변경 한 모습이다.
every
['철수', '1234', '...' ....].every(el => el !== "")
[]안의 객체들이 전부 true면 true반환 하나라도 false면 false
위처럼 한번에 모든걸 묶게 된다면
state는 이렇게 묶여지게되고
위 같은 코드일 경우 필요없는 부분을 제거 하는 방향으로 코드를 작성해간다고 한다.