Next.js

Next.js 란? Next.js 공식 홈페이지 ( https://nextjs.org/ ) 에서 말하는 Next.js 입니다. 약 몇년간 React.js, Vue.js 등의 라이브러리를 사용하여 SPA ( Single Page Application ) 를 구축하는게

프론트엔드 개발을 공부하면서 문득 서버와 DB 없이 프론트에서 온전한 서비스를 구현하는 방법이 없을까 하는 생각을 하게 되었습니다.서버와 DB를 대체할 수 있는 것들을 고민하다가 MSW 와 로컬 스토리지를 이용하는 방법이 떠올랐고 구현하여 프로젝트를 제작해 봤습니다.출

Supabase 와 Prisma! 실제로 서버, 데이터베이스를 사용한 프로젝트에 참여하기전에 간단한 TODO 앱으로 맛보기를 하던 중이었습니다. 지금부터 읽어보실 포스팅은 각 라이브러리와 프레임워크의 상세한 기능이 아닌 프론트엔드와 서버의 통신과정을 가늠할 수 있을

Next.js는 React.js를 기반으로한 프레임워크입니다. React를 더욱 편하게 사용하고 강력한 기능을 가진 보일러플레이트를 제공합니다.간단하게 말해 React.js 에 추가적인 기능을 덫붙힌 녀석입니다.라이브러리는 기본적으로 개발자가 주도적으로 모든 기능을 개

브라우저의 요청에 미리 렌더링된 HTML을 응답하는 방식으로 SEO 성능이 향상되고 리액트의 CSR의 단점을 효율적으로 보완하는 기술입니다. Next 사전렌더링은 SSR과 SSG 두 가지 방식으로 제공됩니다.기존 React는 위의 그림과 같은 순서로 유저에게 화면을 제

리액트에서 API 엔드포인트에 데이터를 요청할 때의 필수적인 조건은 컴포넌트가 마운트 된 이후에 진행되야 한다는 점입니다.가뜩이나 초기 로딩이 느린 리액트 앱에서 컴포넌트 마운트 이후에 발생하는 API 요청 방식은 이미 기다렸던 유저를 더 기다리게 해야하는 단점이 있습