[Korean FE Article] 한 번의 왕복 요청으로 이루어지는 내비게이션

글 링크 : https://ykss.netlify.app/translation/one_roundtrip_per_navigation/

소개

이 글은 웹 애플리케이션에서 사용자가 페이지를 이동할 때, 데이터를 어떻게 효율적으로 가져올 수 있을지를 다룹니다. React Router와 Next.js, 그리고 서버 컴포넌트 등 최근 프론트엔드 기술들이 이 문제를 해결하기 위해 어떤 방식들을 제안하고 있는지 소개합니다. 특히 데이터를 ‘한 번의 왕복(one roundtrip)’으로 미리 받아오는 구조가 네비게이션을 단순하게 만들고, 전체적인 앱 성능을 높일 수 있다는 점을 강조합니다.

리액트 생태계가 앞으로 어떤 방향으로 나아갈지, 그리고 개발자가 데이터 페칭과 페이지 전환의 효율을 높이기 위해 어떤 고민과 선택을 해야 하는지 생각해볼 수 있는 좋은 기회가 될 것입니다. 웹 개발자라면 꼭 한 번 읽어볼 만한 글입니다. 😊

목차

• HTML

• “REST”

• 컴포넌트

• 쿼리

• 클라이언트 로더

• 서버 로더

• 서버 함수

• GraphQL 프래그먼트

• RSC

• 그래서 무엇을 얻었는가?