Next.js

Next.js는 'public' 디렉토리에 여러가지 정적 파일을 보관하고 <Image> 태그를 사용하여 꺼내올 수 있다.public 폴더 내부에 이미지 파일(예: jpeg 파일)을 넣어주고public 폴더에 저장된 파일의 이름과 pages 폴더에 저장된 파일의 이

React에서 서버 사이드 렌더링(SSR)을 간편하게 해주는 프레임워크Next.js는 기본적으로 서버 측에서 React코드를 실행한다.React.js를 서버 측에서 pre-rendering하여 html을 생성하고, 브라우저에게 보내준다.그 후 브라우저에서 React를

React로 웹 애플리케이션을 처음부터 만들려면 다음과 같은 것들을 고려해야 한다.코드는 웹팩과 같은 번들러로 묶여서 바벨 같은 컴파일러로 변환되어야 한다.코드 스플리팅과 같은 배포 최적화를 해야 한다.몇몇 페이지에는 성능과 검색엔진 최적화를 위한 정적인 pre-ren

이번에 채용 과제를 하다가 드디어 Next.js의 두 props에 대해 조금은 이해하게 되어 추가 공부를 위해 글을 쓴다. 독일어를 배울 때도 그랬지만 나는 일단 단어가 길어지면 어렵게 느껴지고 머리가 하얘지는(?) 편인데 이 두 props를 처음 마주쳤을 때도 같은

Next.js에서 자동 + 수동 + 무한 슬라이드를 구현하는 중에 jsx안에 inline으로 transform을 넣었더니 다음과 같은 에러가 발생했다. Prop style did not match. Server: transform~ Client: transform~Re

프론트에서 서버 코드를 작성할 수 있게 된 Next.js 14 버전