[NextJs] Library & Framework

Library 란?

사용자가 파일 이름이나 구조등을 정하고, 모든 결정을 내린다.

공통으로 사용될 만한 유용한 기능을 모듈화해서 제공하는 것이다.

코드의 자율성이 높지만, 다른 개발자와 협업시 이 자율성이 문제가 될 수도 있어 반드시 협의가 필요하다.

-> React.js

Framework 란?

파일 이름이나 구조등 정해진 규칙에 따라 만든다.

기능뿐만 아니라 프로그래밍 방식도 규칙으로 제한해, 개발의 생산성을 높이고, 유지보수를 편하게 도와준다.

자율성은 낮지만, 다른 개발자들과 협업시 유지보수 및 개발 방식 통일이 용이해진다.

-> Next.js, Vue.js, Nuxt.js

 

create react-app 을 사용하게되면 App Component 로 시작하게 된다.

우리는 이때 Components 폴더를 만들고, Routes 폴더와 Pages 폴더 등 입맛에 맞게 프로젝트를 원하는 대로 운영한다.

React 애플리케이션을 개발하는데 있어 자유도가 높다는 뜻이다.

 

그러나 Next.js 를 사용하게 되면 이곳에서 제공하는 규칙을 따라야한다.

Routes 는 Pages 폴더 안에 생성해야하는 것과 같은 규칙을 지켰을 때, 오류없는 실행이 가능하다.

Next.js는 ReactDom.render 이 없기 때문에 모든 과정을 커스텀할 수 없다.