개념과 원리

[MinJeung-Kim]

⁉️ What's Next.js

• 웹 어플리케이션을 만들기위한 React Framework.
• React
  • JsvaScript Library
  • 컴포넌트 단위로 UI를 손쉽게 만들수 있를 라이브러리.
  • SPA : Single Page Application
  • Client Side Rendering
• React를 base로 웹어플리케이션을 만드는데 필요한 전체적인 솔루션 제공.
  • Full-stack
  • File-based routiong
  • Optimization(SEO, Image, Font)
  • Server Side Rendering
  • 하이브리드 렌더링
    

👣 History of Next.js

• Vercel이라는 회사에서 개발하여 2016년 First Release.
• Vercel 배포의 장점
  • 미국의 클라우드 회사
  • PaaS 제공
    • Cloud Platform as a Service
    • 서비스를 배포만 해두면 운영에 필요한 OS, 하드웨어 스펙을 자동으로 관리해줌.
    • 확장, 스케일링 또한 자동으로 관리.
      

🤖 Next.js의 6가지 원칙

• 원칙을 통해서 웹개발을 편하고 효율적, 사용자도 빠르고 즐겁게 웹사이트 사용 목적.

1. 설정하지 않아도 프레임워크를 사용하기 쉬울 것.
2. JavaScript만으로 한 프로젝트 내에서 풀스택 개발이 가능할 것.
3. 자동으로 Code-Splitting과 서버랜더링 지원. (웹사이트 속도 향상)
4. Data fetching 설정이 가능할 것. (효율적인 웹/앱 개발)
5. 요청사항 예상이 가능할 것.
6. 손쉽게 배포가 가능할 것.