MERN - 클라이언트/서버 프로젝트 클라이언트와 서버 연동 설정 6 - 프론트엔드와 백엔드 연결A

MERN - 클라이언트/서버 프로젝트 클라이언트와 서버 연동 설정 6 - 프론트엔드와 백엔드 연결

​

클라이언트와 서버 연동이 필요합니다.

즉 프론트엔드와 백엔드 연동, 연결이지요.

​

가장먼저 클라이언트의 환경설정 파일내 키값 추가가 필요합니다.

​

위 스크린샷에 키를 생성하고 넣어줍니다.

이어서 서버/클라이언트 폴더 내 터미널에 필요한 패키지를 설치합니다.

$ npm install axios react-hot-toast

​

axios

HTTP 클라이언트 라이브러리로 브라우저나 node.js 환경에서 API요청을 쉽게 보낼 수 있도록 도와줍니다.

​

react-hot-toast

React용 알림 Toast 라이브러리 입니다.

사용자에게 성공/요류/정도 메시지를 작고 깔끔하고 예쁜 알림 형태로 빠르게 보여줍니다.

​

이어서 프론트엔드, 클라이언트와 연동 소스를 작성합니다.

팝업 토스트 알림이 필요한 곳에 토스커를 임포트 해줍니다.

추가로 패키지와 관련된 소스들도 작성합니다.

자세한 소스들은 생략!

​

추가 연동 소스 또는 설명 안내는 다음 글로 남기겠습니다.

​

끝!