[오류] RangeError : Maxmum call stack size exceeded 원인과 해결

계정 등록 페이지에서 폼 필드에 값을 입력하고 '저장'버튼을 눌렀더니 'RangeError : Maxmum call stack size exceeded' 라는 에러가 떴다. 보통 재귀함수를 호출할때 발생하는 에러다. 해당 view 코드를 확인해보니 저장버튼을 눌렀을때 모달을 띄워 확인과 취소를 실행하게 하는데, 이때 취소버튼을 눌렀을때 모달이 닫히면서 현재 페이지의 상태를 유지해야한다. const handleRegister = handleSubmit(()=>{ showModal({ type: "default", dimmedColor: "transparent", title: "저장 성공", ..

className을 지정한다음 css를 설정하려고 할때import styles from "./TodoItem.style.scss";import cn from "classnames/bind";이 부분에서 "Cannot find module './TodoItem.style.scss'" 에러가 난 적이 있다. 분명 맞는 경로, 파일명도 잘 맞췄다. 근데 모듈을 찾을 수가 없다? 알고보니 타입스크립트는 .scss 같은 CSS 파일을 JavaScript 모듈로 처리하지 않기 때문에 정의 파일 (.d.ts)을 만들어줘야 한다는 것이다. 그래야 타입스크립트가 .scss 파일을 객체 형태의 모듈로 인식한다. // src/types/style.d.tsdeclare module "*.scss" { const conten..

백엔드를 하다보면 예외처리를 필수로 해줘야 한다.주로 try & catch문으로 성공과 실패 처리 로직을 작성해준다.next.js와 node.js를 이용해서 백엔드를 구현했을때를 살펴보자. next(Error)란?-> Express의 에러 처리 미들웨어로 에러를 전달하는 방식 주로 컨트롤러 레이어에서 사용한다.예를 들어 인증 api를 구현할때 /api/auth/controller/auth.controller.tsasync login(req: Request, res: Response, next: NextFunction) { try { const { loginId, password } = req.body; const result = await this._authService.login..