react ui 구현하기

react Hook을 이용해서 그룹을 만들고 만들어진 그룹을 삭제하는 기능을 구현해봤다. 배열 내장 함수의 사용이 익숙치 않아서 이번 기능구현을 통해 filter, map, push 등 자주 쓰이는 내장함수를 마스터 해보고 싶다.

modal에서 항목을 체크하고 조편성하기 버튼을 누르면 조가 편성이 되는데row에서 선택된 id들을 제거하고, 제거된 row를 다시 셋팅해줘야한다.조를 편성하고 삭제를 하려고 할때는삭제를 하고 난 뒤에 다시 row에 데이터가 추가가 되어야하는데 push를 해주다보니 i

useRef 문법은 공부를 했었는데, 마땅히 사용할 기회를 못 찾다가 이번 기회에 사용을 해봤는데 생각보다 간단해서 아주 쉽게 적용을 할 수 있었다.이런식으로 UI를 잡았고, 채팅을 입력하면현재 시간과, 입력한 내용이 채팅 목록에 추가가 되는 것을 볼 수 있다.채팅 d