React-bootstrap

• https://react-bootstrap.github.io/

ToastUI

• https://ui.toast.com/
• https://www.npmjs.com/package/@toast-ui/editor

• 2022-07-22, 서비스 와이어 프레임 설계하는 시간을 가졌습니다.

AxiosError {message: 'Unsupported protocol localhost:', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}}
code: "ERR_BAD_REQUEST"
config: {transitional: {…}, transformRequest: Array(1), transformResponse: Array(1), timeout: 0, adapter: ƒ, …}
message: "Unsupported protocol localhost:"
name: "AxiosError"
[[Prototype]]: Error

• 에러코드A to "/register", Code 404
  

• 에러코드B to "http://localhost:4000/register", CORS policy
  

구글링

https://jrepository.tistory.com/58

• package.json에 "proxy": "http://localhost:4000"
• currently 라이브러리

https://okky.kr/article/1177877

• http-proxy-middleware 패키지
• setProxy.js 설정

ENV파일 통일 후 에러

AXIOS 연결 오류

• AXIOS가 GET은 작동하지만, POST가 작동하지 않음
• then의 res나 catch의 err가 아예 찍히지 않음
• finally의 log도 찍히지 않음

axios.post('http://localhost:3000/auth/login', 
    {"email": "tes@2e13t",
    "password": "2434f34c"}
).then(res=>console.log(res.data))
.catch(err=>{
    console.log(err.response.data);
})
.finally(() => console.log('axios 실행'))