About React and Next.js

Next.js는 빠른 풀스택 웹 애플리케이션을 만들기 위한 빌딩 블록을 제공하는 유연한 React 프레임워크입니다.

그러나 이것이 정확히 무엇을 의미하는가? React와 Next.js가 무엇인지, 그리고 이것이 웹 애플리케이션 구축에 어떻게 도움이 되는지 자세히 알아보겠습니다.

Building blocks of a web application

최신 애플리케이션을 구축할 때 고려해야 할 몇 가지 사항이 있습니다.

  • 사용자 인터페이스 - 사용자가 애플리케이션을 사용하고 상호 작용하는 방법입니다.
  • 라우팅 - 사용자가 애플리케이션의 여러 부분 사이를 탐색하는 방법입니다.
  • 데이터 가져오기 - 데이터가 있는 위치와 가져오는 방법.
  • 렌더링 - 정적 또는 동적 콘텐츠를 렌더링하는 시기와 위치입니다.
  • 통합 - 귀하가 사용하는 제3자 서비스(CMS, 인증, 결제 등) 및 해당 서비스에 연결하는 방법.
  • 인프라 - 애플리케이션 코드(서버리스, CDN, 엣지 등)를 배포, 저장 및 실행하는 곳입니다.
  • 성능 - 최종 사용자를 위해 애플리케이션을 최적화하는 방법.
  • 확장성 - 팀, 데이터 및 트래픽이 증가함에 따라 애플리케이션이 적응하는 방법입니다.
  • 개발자 경험 - 팀의 애플리케이션 구축 및 유지 관리 경험입니다.

애플리케이션의 각 부분에 대해 솔루션을 직접 구축할지 아니면 패키지, 라이브러리, 프레임워크와 같은 다른 도구를 사용할지 결정해야 합니다.

What is React?

React는 대화형 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 사용자 인터페이스(UI)란 사용자가 화면에서 보고 상호 작용하는 요소를 의미합니다.

라이브러리란 React가 UI를 구축하는 데 유용한 기능(API)을 제공하지만 애플리케이션에서 이러한 기능을 사용할 위치는 개발자에게 맡긴다는 의미입니다.

React의 성공의 일부는 애플리케이션 구축의 다른 측면에 대해 상대적으로 의견이 없다는 것입니다. 이로 인해 Next.js를 포함한 타사 도구 및 솔루션의 생태계가 번창하게 되었습니다.

그러나 이는 또한 처음부터 완전한 React 애플리케이션을 구축하려면 약간의 노력이 필요하다는 것을 의미합니다. 개발자는 일반적인 애플리케이션 요구 사항에 맞게 도구를 구성하고 솔루션을 재창조하는 데 시간을 투자해야 합니다.

What is Next.js?

Next.js는 웹 애플리케이션을 생성하기 위한 빌딩 블록을 제공하는 React 프레임워크입니다. 프레임워크란 Next.js가 React에 필요한 도구 및 구성을 처리하고 애플리케이션에 대한 추가 구조, 기능 및 최적화를 제공한다는 의미입니다.

React를 사용하여 UI를 구축한 다음 Next.js 기능을 점진적으로 채택하여 라우팅, 데이터 가져오기, 캐싱과 같은 일반적인 애플리케이션 요구 사항을 해결하는 동시에 개발자와 최종 사용자 경험을 개선할 수 있습니다.

개인 개발자이든 대규모 팀의 일원이든 상관없이 React와 Next.js를 사용하여 완전히 대화형이고 매우 동적이고 성능이 뛰어난 웹 애플리케이션을 구축할 수 있습니다.

다음 장에서는 React와 Next.js를 시작하는 방법에 대해 논의하겠습니다.