[nextjs]nextjs를 왜쓰냐면!

nextjs는 CRA(create-react-app)과 같은 리액트 프레임워크이다.

라이브러리와 프레임워크의 차이를 니꼬쌤은

 

내 코드가 만들어져 있는 외부의 도구를 갔다쓰면 라이브러리,  

프레임워크가 정해놓은 장소에 내 코드를 갔다놓으면 프레임워크라고 한다 (괜찮은 분류인듯?)

 

구조를 짜보며 느낀 프레임워크 nextjs의 초반감회를 얘기해보자면

0. 구조를 대략적으로 짜준다

요기에 내가 이용할 방식으로 가미하기시작함

 

 

0-1. 페이지구성을 자동으로!

/pages 하위에

1) 파일이름을, 혹은

2) 폴더아래 index.tsx를 지점(중첩된 파일들에 대해서도 지원)으로 자동으로 라우팅처리를 해준다

3) 동적라우터 구성도 가능! 

  ex) pages/blog/[slug].js -> /blog/:slug (동적인 세그먼트와 파라미터 일치)

 

 

0-2. 라우터 객체 제공

history.pathname 등으로 가져와야했던 라우터정보를 자동으로 만들어놨음. 

갖다가 사용하면됨

 

 

 

 

 

 

참고:

https://kyounghwan01.github.io/blog/React/next/basic/#next-js%E1%84%80%E1%85%A1-%E1%84%8C%E1%85%A6%E1%84%80%E1%85%A9%E1%86%BC%E1%84%92%E1%85%A1%E1%84%82%E1%85%B3%E1%86%AB-%E1%84%8C%E1%85%AE%E1%84%8B%E1%85%AD-%E1%84%80%E1%85%B5%E1%84%82%E1%85%B3%E1%86%BC