weekly paper 2

[Weekly Paper] 서버 상태와 클라이언트 상태의 차이

1️⃣ React Query가 만들어진 이유와 이점React Query는 서버 상태 관리의 복잡성을 줄이기 위해 만들어졌습니다. React의 기본 상태 관리 방식은 클라이언트 상태를 관리하는데 적합하지만, 서버 상태를 관리할때 아래의 문제들이 발생합니다. 데이터 동기화 문제서버 데이터와 UI 간의 동기화를 수동으로 처리해야 합니다. 캐싱과 갱신 문제서버에서 가져온 데이터를 효율적으로 캐싱하고 필요한 경우 새로 고쳐야 합니다. 로딩, 오류 상태 관리의 복잡성데이터 fetching과 관련된 로딩 및 에러 상태를 따로 관리해야 합니다. 의존성 관리여러 쿼리가 서로 의존성을 가지는 경우, 이들의 데이터 흐름을 관리하기 어렵습니다. React Query는 위 문제들을 해결하기 위해 설계된 라이브러리로, 서버 상태..

Weekly Paper 2025.01.09

[Weekly Paper] Next.js 사용 이유

1️⃣ 리액트만 사용할 때와 비교해 Next.js를 사용하는 이유에 대해 설명해 주세요.우선 `Next.js`는 `React.js`를 기반으로 한 웹 개발 프레임워크로, `React.js`를 보다 강력하고 편리하게 사용할 수 있도록 다양한 기능을 제공합니다. `React`의 확장판으로 이해할 수 있으며, Vercel에서 개발하여 오픈소스로 운영되고 있습니다.Next.js의 주요 특징1. 페이지 라우팅Next.js는 파일 기반 라우팅 시스템을 제공합니다.Pages 디랙토리 안의 파일들이 URL 경로로 자동 매핑됩니다.2. 빌트인 최적화 기능서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 기본적으로 지원합니다.코드 스플리팅, 이미지 최적화, Lazy Loading 등 웹 성능을 극대화하기 위한 기..

Weekly Paper 2024.11.19