Web/NextJS

1. 문제 발생 Styled-components 라이브러리를 이용하여 개발하면 콘솔에 해당 에러가 뜨는 것을 확인할 수 있는데. 해당 오류는 NextJS 에서 SSR 을 사용했을 때 발생한다. Server Side Rendering 은 서버에서 먼저 랜더링 후 CSR 에서 다시 랜더링을 진행할 때 className 이 맞지 않아 생기는 오류이다. 2. 해결 방법 # 라이브러리 설치 npm i babel-plugin-styled-components 해결 방법은 서버와 클라이언트에서 생성하는 className 을 일치 시켜주면 되는데 babel-plugin-styled-components 을 설치하여 적용시켜주면 된다. 해당 라이브러리는 플러그인이라 적용을 하려면 바벨 설정 파일을 생성해 주어야 한다. 사..

1. 문제 발생 간혹 next/link 를 이용하여 Array Mapping 을 하다 보면, 간혹 콘솔에 이런 오류가 발생한다. 1.1 문제의 코드 2. 해결 방법 해당 문제는 href 에 아무 값도 들어가지 않아 발생하는 오류이다. href Prop 에 빈 값이 아닌 아무 값을 써 넣어주게 되면 해당 오류가 발생하지 않는다.