Next.js

React.js vs Next.js 리액트에 대해 공부를 하고 Next.js라는 것에도 궁금해졌다. 두 차이를 비교해보려고 한다. CSR, SSR 리액트는 Client Side Rendering으로 컴포넌트들을 모아 페이지를 구현하면 이를 웹브라우저상에서 해석하고

프론트엔드 취준생들이거나 관련 기술에 관심이 많은 사람은 SSR에 대해 들어봤을 것이다.Next.js 13부터는 app routing 방식이 새로 출시되었다. 기존 page routing은 getServierSideProps와 같은 SSR과 관련된 함수가 있었지만, a

Next/Image Next.js에서는 Image 컴포넌트를 따로 제공한다. 어떠한 기능들을 제공하길래 next/image를 사용하면 좋다는 것일까? Next 15 기준으로 설명을 진행해보려고 한다. 특징 이미지 캐싱 실제 html의 ``를 래핑하여 같은 URL이면

프론트엔드인데 굳이 아키텍처까지 따져가며 개발해야한다고..?그렇다. 프론트엔드 개발을 하게 되면 사실 수많은 비즈니스 로직, 그리고 이벤트 핸들러, 순수 함수 등 다양한 함수들을 구현해야한다.심지어 이런 로직만 다루는 것이 아니라 컴포넌트, 페이지 까지 구조화 하여 보

Next.js - 클라이언트 컴포넌트에서 서버 컴포넌트를 사용할 수 있다고? React Query를 사용하면서, CSR과 SSR의 경계에 대해 갑자기 궁금해지기 시작했다. useQuery 훅을 클라이언트에서 사용하려면, 해당 컴포넌트가 use client로 선언된 클라