
https://velog.io/@hyeonq/Next.js-Hydration-failed-errorhttps://velog.io/@yijaee/serverside-html-matching

img 태그에 src로 로컬이미지의 경로를 넣으면 이미지를 인식하지 못하는 문제가 발생했다.

펫스타그램 포스트 부분의 사용자 프로필 이미지를 구현하면서 next.js에서는 img 태그 대신에 img태그를 확장한 Image 컴포넌트를 사용한다는 것을 알게 되었다.
홈, 설정, 마이페이지에는 메뉴바가 있는 기본 레이아웃을, 회원가입, 로그인 화면에는 메뉴바가 없는 레이아웃을 사용하고자 한다. 페이지 별로 다른 레이아웃을 구성할 때는 Per-Page Layouts을 사용하면 된다.
nextjs 이전 버전에서는 app과 documents 파일에 GlobalStyle을 적용해주면 됐는데, nextjs13 버전에서는 app과 documents파일을 사용하지 않아서 새롭게 GlobalStyle을 적용해주는 방법을 찾아보았다. createGlobalSty