[Node Js] node js 공부기록

 

next js 의 폴더구조

 

next js는 라우터 설장이 따로 필요없다. next 작업용 파일을 만든 후에 page.tsx / page.jsx 를 사용하면 next가 알아서 파일을 찾아준다... 맨 처음에는  app/page.jsx를 기본으로 찾아가는 시스템이기 때문에 다른 이름은 사용할 수 없다. (ex home/index.jsx) 이름 규칙에만 유의하여 사용하면 아주 편한거같다 리액트는 하나 하나 다 연결해줘야해서 불편했는데 

 

"use client"   >> usePathname 썼을 때 오류를 use client 를 써서 없앨 수 있음
import Link from "next/link";
import { usePathname } from "next/navigation";

export default function Navigation(){

    const path =  usePathname();

    return (
        <nav>
            <ul>
                <li>
                    <Link href={'/'}>Home</Link> {path === '/' ? '!': ''}
                </li>
                <li>
                    <Link href={'/about-us'}>어바웃</Link> {path === '/about-us' ? '!': ''}
                </li>
            </ul>
        </nav>
    )
}