에러일지

Mathlive Virtual Keyboard에서 헤더에 있는 툴 중 undo, redo를 제거하는 작업을 맡았었다.스타일링이나 라이브러리 옵션을 통해 쉽게 작업을 완료할 수 있을 줄 알았는데 생각보다 힘든 상황이 발생했어서 글로 정리하고자 한다.문제 발생 상황 & 시도해본 방법1. 특정 컴포넌트 module css에서 스타일링 적용 (ex .undo, redo { display: none; })문제: 스타일링이 적용되지 않음2. math-live 속성 중 editToolbar 값 수정 코드: window.mathVirtualKeyboard.editToolbar = 'none';문제: undo, redo외에 클립보드 기능도 제거됨 팀원분께서는 요구사항은 undo, redo 제거이기 때문에 style로 해..

특정 use hook을 모킹 하여 테스트 코드를 작성 중 다음과 같은 에러가 발생하였다.ReferenceError: /Users/classting/github/aidt/apps/web/src/features/course/components/TextbookContentContainer/TextbookContentContainer.spec.tsx: The module factory of `jest.mock()` is not allowed to reference any out-of-scope variables. const ToastFn = jest.fn();jest.mock('@components/ui', () => ({ ...jest.requireActual('@components/ui'), useToa..

이전에 개발했던 next 프로젝트를 수정 없이 실행했는데, 3달전에는 멀쩡히 실행됐던 프로젝트가 다음과 같은 에러가 발생하여 실행되지 않았습니다. 분명 코드 내부를 수정한 적이 없고, 실행만 했으니 종속성 문제라고 판단했습니다. 1. react, react-dom 버전 업그레이드 https://pimpdevelop.tistory.com/14 [에러해결] Invalid Hook Call Error 음악 관리 프로그램에서 며칠 전부터 Invalid Hook Call(유효하지 않은 Hook을 요청)하고 있다며 에러가 발생해 구동되지 않았다. useEffect(() => { callApi() .then(res => setMusics(res)) // 에러가 발생한 부분 .catc pimpdevelop.tistor..

CORS CORS는 Cross-Origin Resource Sharing의 약자로 "교차 출처 리소스 공유 정책"입니다. 한 origin에서 다른 origin의 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다. 여기서 교차 출처라고 하는 것은 다른 출처를 의미합니다. Origin (출처) URL은 마치 하나의 문자열 같아 보여도, 사실은 여러개의 구성 요소로 이루어져있습니다. 여기서 Origin은 Protocol과 Host 그리고 Port를 합친 것을 의미합니다. 만약 Origin에 대해 감이 잡히지 않았다면 코드로 확인할 수 있습니다. 동일 출처 정책 (Same-Origin Policy) 먼저 SOP(Same Origin Policy) 정책은 동일한 출처에 대한 정책을 말합니다...