[React JS] Data Request, Response Flow, Axios 다운, CROS이슈 해결 Proxy 설정, Proxy Server 특징과 사용 이유


[React JS] Data Request, Response Flow, Axios 다운, CROS이슈 해결 Proxy 설정, Proxy Server 특징과 사용 이유

오늘은 먼저 다이어그램부터! 출처 : 리액트 기초 강의 여기서 Server은 Node JS, Client는 React JS, DataBase는 몽고db 사용 만약, 어떤 유저가 로그인을 하려고하면(Request) ① Client에서 유저 ID와 비밀번호를 넣고 로그인 버튼 클릭 ② Server에서는 Data Base에 유저 ID가 있는지 찾고, 있으면 보내준 비밀번호가 유저 ID에 맞는지 체크하는 역할 ③ 맞으면 Client에게 보내는 Response는 성공,맞다. 아니라면 유저가 없다, 비밀번호가 맞지 않다 등을 Client에 전달 Node JS 카테고리에서 설명할 때는 Client는 React JS로 Client를 안 만들어놨기 때문에 Postman을 이용해서 이러한 Request를 보냈는데, 이제는 React JS 부분에서 Request를 보내면 되는데 그때 사용하는 게 AXIOS AXIOS는 jQuery를 사용할때 AJAX같은거라고 보면 됨. vs code 터미널에 다음 입력...


#Axios #CROS이슈 #Proxy #Request #Response #노란오리의하루기록

원문링크 : [React JS] Data Request, Response Flow, Axios 다운, CROS이슈 해결 Proxy 설정, Proxy Server 특징과 사용 이유