111

Park Bumsoo·2022년 4월 6일
0

객체=>배열

Object.keys() = 객체의 키값을 가져온다.
Object.values() = 객체의 value를 가져온다.
Object.keys() = 모든값을 [[], [], []] 의 형태로 가져온다.

State

위상태로 리펙토링 하여 inputsinputErrors로 묶은 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는 이렇게 묶여지게되고

위 같은 코드일 경우 필요없는 부분을 제거 하는 방향으로 코드를 작성해간다고 한다.

profile
프론트엔드 주니어 개발자(React, Next.js)

0개의 댓글