NEXT-JS-1 초기세팅시작

nextjs 를 공부해보고 적용해볼 예정입니다. 

next 초기 세팅 시작

//최근 버전 설치, 타입스크립트도 같이 설치
npx create-next-app@latest --typescript 

//우선 타입스크립트 빼고, 설치해보겠다
npx create-net-app@lateset 폴더명

첫 생성된 nextjs의 폴더 구조이다. 

eslint 와 config.js 가 생겼다.

그리고 자세히 보면 create-react-app 과의 프로젝트와는 구조가 다르다.

 

이것이 프레임워크와 라이브러리의 차이점을 알아야한다.

프레임워크는 미리 만들어진 구조에 개발을 해야하는 것이다. 프레임 워크를 사용하면 초기 개발을 하기 쉽다는 장점이 있지만, 커스텀을 하기 어렵다는 점이다. 

라이브러리는 내가 사용하고 싶을때 언제 어디서든 불러와서 사용할 수 있다는 장점이 있다. 

 

nextjs 는 js 프레임 워크이고, 우리가 코드를 작성하면 프레임워크가 그 코드를 불러오는 순서를 거치게 된다. 우리는 프레임워크가 주는 rule 에 따르며 기본적으로 제공해주는 편의를 느끼면 된다.. 

 

nextjs에는 ReactDom.render() 부분이 없다, 오로지 pages 만 있고 pages안에서만 해야한다. 

그 외의 것들을 추상화 시켰다는 의미이다.