민ズl으l 개발일ブl

프로젝트 개요🎬로그인한 사용자만 mbti 테스트를 보여주는 사이트다.기술 스택🧷프론트엔드 : react + redux + router + axios + tanstack query + tailwind + json server + sweetalert2개발과정🎈아이디어 구상mbti 테스트를 하고, 사용자끼리 결과를 공유하는 사이트를 구상하게 되었다.구현맨 처음 진입시 로그인 / 회원가입 화면 노출실시간 유효성 검사토큰은 2시간으로 설정하여 2시간뒤엔 자동 로그아웃됨로그인시에만 테스트화면이 넘어갈 수 있도록 router로 구현mbti 테스트 페이지mbti 테스트후 데이터 저장mbti 테스트 결과 페이지유저마다 저장된 mbti 결과 데이터를 tanstack query로 뿌림mbti 테스트한 해당 유저만 공개..

상황🤔sweetalert2 + useRef를 쓸경우Swal.fire({ icon: "success", title: "성공!", text: "성공적으로 닉네임이 변경되었습니다.",}).then(() => { inputRef.current.focus();});에러👻경고문 + focus가 안먹힘해결과정👀=> 0을 줘도 안됨=> index.html에 aria-hidden="false"을 줘도 안됨=> didClose기능을 써도 안됨해결🌟짧게 setTimeout을 주기setTimeout(() => { inputRef.current.focus();}, 500);상황🤔List컴포넌트에서 tanstack query의 데이터를 map으로 뿌리고,Item컴포넌트에서 props로 받은 데이터를 구..