React-router vs Next-router

hskwon517·2022년 7월 1일
0

결론적으로는 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>
profile
Frontend

0개의 댓글