웹 애플리케이션을 구성하는 요소들

해당 문서를 요약한 내용입니다 : https://nextjs.org/learn/foundations/about-nextjs/what-is-nextjs

Learn | Next.js

 

• User Interface (사용자 인터페이스) - 사용자가 애플리케이션을 소비하고 상호 작용하는 방법입니다.
• Routing (라우팅) - 사용자가 애플리케이션의 다른 부분 사이를 탐색하는 방법입니다.
• Data Fetching (데이터 가져오기) - 당신의 데이터가 있는 곳과 가져오는 방법.
• Rendering (렌더링) - 정적 또는 동적 콘텐츠를 렌더링하는 시기와 위치입니다.
• Integration (통합)- 사용하는 타사 서비스(CMS, 인증, 결제 등) 및 이들의 연결 방법.
• Infrastructure (인프라) - 애플리케이션 코드(서버리스, CDN, Edge 등)를 배포, 저장 및 실행하는 곳입니다.
• Performance (성능) - 최종 사용자를 위해 애플리케이션을 최적화하는 방법.
• Scalability (확장성) - 팀, 데이터 및 트래픽이 증가함에 따라 애플리케이션이 조정되는 방식입니다.
• Developer Experience (개발자 경험) - 팀의 애플리케이션 구축 및 유지 관리 경험.

 

리액트는 UI 라이브러리 입니다.

사용자 인터페이스는 사용자가 화면에서 보고 상호 작용하는 요소를 의미합니다.

Next.js는 React 프레임워크 입니다.

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

프레임워크는 Next.js가 React에 필요한 도구 및 구성을 처리하고

애플리케이션의 추가 구조, 기능 및 최적화를 제공한다는 의미입니다.

React를 사용하여 UI를 빌드한 다음 Next.js 기능을 점진적으로 채택하여

라우팅, 데이터 가져오기, 통합과 같은 일반적인 애플리케이션 요구 사항을 해결하는 동시에

개발자와 최종 사용자 경험을 개선할 수 있습니다.