React

프로젝트에서의 문제 상황 프로젝트 팀원들과 원데이 클래스를 주제로 한 프로젝트를 진행하던 중, 사용자가 회원 가입 시에 수강생 또는 강사로 나누어 회원 가입을 진행하게 만들고자 하였습니다. - 수강생: 클래스 신청, 창작품 게시물 공유 - 강사: 클래스 개설,

React를 사용하면서 상태를 업데이트 할 때 쓰게되는 prevState 분명 react 초기에는 사용원리에 대해 알았지만 이제는 사용 의미를 알고 쓰기보단 무의식적으로 쓰게 되어 다시금 prevState를 왜 사용하는지에 대해 글로 정리해보고자 한다. prev sta

이번 글은 React-Query와 useQuery를 어떻게 사용하는지에 대한 사용법을 정리해봤습니다. React 18버전으로 넘어오면서 @tanstack/react-query를 import 해주어야 된다. 설치 npm i @tanstack/react-q

전 포스팅에서는 웹소켓의 정의, 등장 배경, 동작방식, 한계점 등을 알아보았고, 이번 포스팅에선 React에서 WebSocket을 어떻게 사용했는지 기록하고자 합니다. 웹소켓 설정 먼저 useRef 훅을 사용하여 컴포넌트 랜더링 시 WebSocket 연결을 감지