결론적으로는 Next.js는 React를 감싸고 있는 프레임워크라고 보면 된다.
React의 기능들을 그대로 가지고 있으면서 Next.js에서만 구현할 수 있는 추가 기능들이 있어서 오히려 더 배운다고 보면된다.
Nesxt.js는 라우팅을 할때 쉽게 하지만 React는 상대적으로 설정이 복잡하다.
// React Link
import {Link} from "react-router-dom";
export default function App(){
return <Link to = '/taewoongmoon'></Link>
}
// Next.js Link
import Link from "next/Link";
export default function App(){
return (
<Link href = "/taewoongmoon">
<a>about</a>
</Link>
//react routing
import {BrowseRouter as Router, Switch, Route} from 'react-router-dom'
export default function App(){
<Router> //일단 라우팅 되는 부분을 감싸준다
<Switch> //Switch는 안에있는 여러가지 Router중에서 조건에 만족하는 첫번째 Router를 불러온다.
<Route exact path = "/taewoongmoon"/ >
<Route exact path = "/" /> // 이렇게 / 하나만 쓰면 index.js 메인페이지를 불러온다.
<Route exact path = "/iwanttogohome" />
<Route exact path = "" />
</Switch>
</Router>