Next.js

Next.js로 할 때 어떤 라이브러리, 혹은 컴포넌트를 import하는 일은 비일비재하다.일반적으로 import Something from './url\~~'; 과 같은 형식으로 불러오며, 파일 하나에서 여러줄의 import를 하게된다.이러한 현상이 계속되다보면 결국

NextJS는 기본적으로 페이지를 SSR을 이용해 pre-rendering한다. Server Side에서 html 파일을 구성하여 브라우저 측에 전달해 렌더링한다.(CSS도 렌더링됨) 이후 JS 파일이 로드되어 자바스크립트 코드가 적용된다.개발하는 도중 스타일드컴포넌트

개발을 하던 도중 이런식으로 에러가 뜨면서 스타일드 컴포넌트로 만든 컴포넌트가 스타일링이 적용이 안되는 에러가 생겼다.Next.js에서 styled-components를 사용할 때 \_document를 따로 설정해서 SSR될 때 CSS가 head에 주입되도록 해야 한다

디자인 설계를 5가지 부분으로 나누는 방법입니다. 왼쪽에서 부터 가장 작은 단위에서 큰 단위로 조립됩니다. 전에 하던 프로젝트에서 디자인 패턴을 적용시키지않고 폴더 구조를 짜다보니 중첩되는 컴포넌트를 다시 import 해서 쓰고 하는데 구조가 복잡해져서 공통화 할수있는

Unhandled Runtime ErrorError: Hydration failed because the initial UI does not match what was rendered on the server.Next.js가 SSR 방식을 사용하기 때문에 이 코드가 없