React / React Router / Next.js / Gatsby

참고 리소스  :

https://nextjs.org/learn/foundations/about-nextjs/what-is-nextjs

 

React (리액트)는 인터랙티브한 사용자 인터페이스를 만들 때 쓰는 자바 스크립트 라이브러리이다.

HTML 을 컴포넌트로 나눠서 관리할 수 있다.

컴포넌트를 초기화할 때 전달인자로 받을 수 있는 Props, 지속적으로 값을 변경할 수 있는 State, 아직 모르지만 Hook 이라는 변수개념이 존재한다.

 

create-react-app 모듈로 Nodejs 프로젝트 구조를 생성할 수 있다. React 자체는 UI 에 한정되어 있어서 웹 애플리케이션을 만드려면 추가적인 모듈을 설치해주어야 한다. 그 중에 react-router-dom 도 있다.

 

Next.js 는 또 무엇인고 하니, 웹 애플리케이션을 빨리 구축하기 위해서 빌딩 블록을 제공하는 React Framework 이란다.

향후에는 Nuxt 도 ...

 

위대한 개츠비? Gatsby 도 있다.

 

웹 애플리케이션을 이루는 큰 개념들 :