likeornament 님의 블로그

프로젝트 진행 중 클라이언트 컴포넌트에서 useRouter()를 사용하면  NextRouter was not mounted라는 오류가 떴다.해당 오류는 useRouter() 훅이 서버 사이드에서 호출될 때 발생하는 오류이다. "use client";import { useRouter } from "next/router";export default function RecentActivities() { const router = useRouter(); ... return (...);};내가 작성한 코드를 보면 코드의 상단에 "use client"를 적어주어 클라이언트 컴포넌트로 변경했다.그렇다면 클라이언트 사이드에서 useRouter()가 호출되었기 때문에 문제가 없어야 하는데 왜 오류가 발생한 걸까? ..

프로젝트를 진행 중 CORS 에러가 발생했다.   CORS(Cross-Origin Resource Sharing)는 웹 애플리케이션의 보안 정책 중 하나로, 클라이언트가 서로 다른 출처(Origin)에서 자원을 요청할 때 브라우저가 허용할지 말지를 결정하는 메커니즘이다.  즉, 서로 다른 도메인끼리 데이터를 주고 받을 수 없기에 백엔드에서 CORS 관련 설정을 해주어야 한다.  그런데 백엔드에서 CORS 관련 설정을 다 했음에도 불구하고 해당 오류가 계속해서 발생하였다... //SecurityConfig.java@Configurationpublic class SecurityConfig { @Bean public SecurityFilterChain filterChain(HttpSecurity h..

프로젝트 중 MSW를 다운받기 위해 ' npx msw init public/ --save' 명령어를 입력했는데이러한 오류가 떴다.구글링을 해보니 %USERPROFILE% 환경변수가 잘못 설정이 되었다고 하는데...path에 환경변수는 잘 들어가 있었다.경로도 문제 없고, Node.js를 재설치 해도 같은 오류가 발생했다.혹시나 싶어서 내 노트북으로 해봤는데 이러한 오류가 뜨지 않았다.그렇다면 내 데스크탑이 문제라는 건데... 그래서 C:\Users\user 경로에 존재하는 .npmrc 파일을 열어봤는데' prefix=%USERPROFILE%\AppData\Roaming\npm' 이러한 내용이 적혀있었다.이 경로는 잘못된 경로다...위의 경로는 %USERPROFILE% 환경 변수가 제대로 확장되지 않아 잘..