사용자에게 메시지를 줘야할 때, 지금까지는 SweetAlert2를 사용해 왔다.그러나  서버 에러, 검색어 입력 등 간단한 메시지를 제공할 때에 alert의 UI 요소는 불필요하게 컸고, 웬만한 alert는 '확인' 버튼을 누르지 않는 한 닫히지 않아서 이를 대체할 것이 필요하였다. 불필요하게 직접 토스트 메시지를 custom할 필요 없는 라이브러리가 있을 것이라 확신해 검색하던 중 'react-hot-toast'라는 라이브러리를 발견해 공유하고자 한다. Toast Message란 무엇일까토스트 메시지란 사용자에게 간단한 정보를 잠깐 보여주는 UI 요소이다.이름에서 알 수 있듯, 토스트처럼 화면의 특정 위치에서 떠오르고, 일정 시간이 지나면 사라지는 특징을 가지고 있다. 그렇다면 정보를 보여준다는 면에서..

토이 프로젝트로 풀 스택 웹 개발을 진행하려는데, 너무 다 까먹어서 처음부터 다시 React 사용법을 블로그에  복기하기로 했다.  1. Node.js 설치하기React를 위한 npm 명령어를 사용하기 위해서는 먼저 Node.js 설치가 필요하다. LTS(Long Term Support) 버전의 Node.js를 설치해 자신의 로컬 터미널에서 npm 명령어가 구동될 수 있도록 해주자. React 구성 파일 만들기먼저 만들고 싶은 디렉토리의 위치를 VS Code 상단바의 파일 → 폴더열기...로 열어준다. 단축키를 사용해도 상관 없다.  해당 디렉토리가 열리면 터미널 → 새 터미널을 클릭하거나 단축키를 통해 하단에 터미널을 띄워준다. +) 여기서 터미널이 powershell로 잡혀있는 경우에는 좌측의 아래 ..