react - 배열 추가, 삭제, 수정

아주 오랜만에 블로그를 작성한다.
22년 5월에 마지막으로 썼으니 8개월만이다!
그동안 많은 일이 있었다. 판교로 이직도 하였고, 프론트엔드 개발자로 커리어도 쌓아가고 있고, 꿈에 그리던 리엑트를 사용하여 일도 하고 있다.
지금은 mui 템플릿으로 활용하여 react만 사용하고 있지만,
이제 typescript도 쓰고, 상태관리도 쓰고, next js도 사용할꺼기 때문에 다시 공부를 시작하려 한다... 가즈아~~

그 공부의
시작 목표는 하루에 강의 3개씩 듣기!
그리고 왠만하면 블로그에 간단히라도 작성할 것이다.

누가 보든 안보든! 이곳은 나만의 공간이니 낄낄

오늘은 현재 일하면서도 많이 쓰고 있는 배열 추가, 수정 삭제 방법!!

사실 몰라서 듣는거 아님... 예전에 여기까지 들어서 복습차, 그리고 일해보니 아주 많이 사용해서 쓰는거임!

여튼 이제 각설하고 작성을 해야겠다. 내일부터는 이렇게 서론 안쓴다... 아 그냥 간단히 일기를 써볼까? 그것도 좋다고 예전에 강사님이 그랬는데... 뭐여튼 양식은 스스로 알아서 하고 제발 꾸준히 하자 !

배열 추가

const onCreat = () => {
  const user = {
    id : nextId.current,
    username,
    email,
  };
  setUsers([...users, user]);
};

배열 삭제

const onRemove = id => {
	setUsers(users.filter(user => user.id !== id));
}

배열 수정

const onToggle = id => {
	setUsers(users.map(user => user.id === id
                       ? {...user, active: !user.active} 
                       : user
                      ));
}