오류들
REACT 새로고침시 cannot/get
리액트를 express 환경에서 실행하였을때, 새로고침하면 라우트 설정이 잘 되어있음에도 cannot/get 현상이 발생하였다. https://ui.dev/react-router-cannot-get-url-refresh Fixing the 'cannot GET /URL' error on refresh with React Router (or how client side routers work) In this post you'll learn how to fix the 'cannot GET /URL' error with React Router. Along the way, you'll also learn how client side routers work. ui.dev 위 글을 참고해서 수정하였다. 쉽게설명하자..
axios 안에서 dispatch가 안되는 오류
오늘도 열심히 맡고있는 웹개발을 하다가 axios 안에서 dispatch가 실행되지 않는 오류와 맞서 싸웠다.. 위와같이 axios를 활용해서 post를 보내려 했는데 자꾸 오류가 떳다. 알고보니 useDispatch()훅은 함수 내에서 사용할 수 없다고 한다. 외부에서 dispatch를 선언한 후에 가져오는 방법으로 해결할 수 있다!!! export async function getUserinfoApi( url: string, token: string, dispatch: any ) { try { await axios({ method: "post", url, headers: { 'Accept': "application/json", //prettier-ignore 'Content-Type': "applic..
리덕스 액션타입함수 오류
리덕스를 통해서 액션타입함수를 관리하다가 타입을 감지하지 못하는 오류가 발생했다. import { deprecated } from "typesafe-actions"; export const GET_USER = "User/GET_USER" ; export const ADD_ID = "User/ADD_ID" ; export const getUser = deprecated.createStandardAction(GET_USER)(); export const addId = (id: string) => ({ type: ADD_ID, payload: id, }); import { createReducer } from "typesafe-actions"; import { GET_USER, ADD_ID } from "./..
alert 함수 순서조정
혼자 공부하다보니 아래와 같은 상황에 부딪히게 되었다. 위 상황처럼 로그인버튼을 눌렀을 때 파란색 테투리가 나오게 하고 싶었는데 alert버튼이 먼저 눌러졌다 코드로보면 loginbtn.onclick = () => { loginbtn.style.border = "2px solid blue"; alert(`${id.value}님 어서오세요`); }; 위와같이 분명 alert를 나중에 적용되게 했는데 그렇지 못한것이다. 공부를 좀 해보니 alert는 현재 진행중인 모든상태를 멈추고 alert알람을 울리게 된다. 분명 순서상으로는 로그인 버튼의 가장자리를 파랗게 하는게 먼저진행되지만 그 파란색으로 바꾸는 찰나의 시간에 alert가 걸리기 때문에 alert가 먼저 진행되는것처럼 보이게 된다. 이를 해결하기위해선..
NODE_ENV 적용안되는 오류
'NODE_ENV'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 라는 오류가 계속 떠서 화가 많이 났다.. 후.. 알아보니 npm i cross-env 위 모듈을 설치한 후에 사용하면 해결되는 문제였다. "scripts": { "dev": "cross-env NODE_ENV=DEVELOPMENT webpack --config webpack.dev.js", "build": "cross-env NODE_ENV=PRODUCTION webpack --config webpack.prod.js" }, 원래 쓰려던 코드에 cross-env를 붙여서 사용하면 해결된다.