에러를 마주하자

NextJs에서는 서버 컴포넌트에서 fetch를 하기 위해 async와 await를 사용할 수 있다.위의 page 파일처럼 컴포넌트 자체에 async를 사용한 User 컴포넌트를 임포트하여 사용하면 이러한 에러가 발생한다.Next.js 13의 서버 컴포넌트를 async

mock 데이터를 가지고 통신을 하던 중 이런 에러를 발견했다.유독 한 컴포넌트에서만 통신을 했을 때 이런 문제가 발생했는데문제는 간단하게 해결되었다.데이터 주소의 시작에 "/" 를 잊어버렸던 것이다.겸사겸사 경로에 대해 같이 정리하면 좋을 것 같아서 블로그를 적었다.

컴포넌트가 렌더링 될 때마다 validateDomNesting이라는 HTML 유효성 검사 전용 모듈에 의해 유효성 검사를 수행한다. 이 유효성 검사는 자식 → 부모 태그 계층 구조의 검증을 의미하는 데, 쉽게 말하자면 li 태그 안에 ul 태그가 들어 있는 것처럼 잘못

카카오 인가 코드를 받기 위한 요청에서 아래와 같이 url이 세팅되는 이슈가 있었다.이유는 다음과 같았다..env에 카카오 endpoint를 저장해두었는데 “따옴표”가 포함되어있었다.이렇게 설정해두면 가져오는 과정에서 따옴표가 포함된다.외부 링크를 열기 위해 windo