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