들어가기 전에..

• 하고자 한것 : 헤더 부분 네비게이션바에 Resume 메뉴를 클릭하면, 이력서 미리보기가 떴으면 한다.

• 해당 PDF파일을 public폴더안에 assets폴더안에 넣고
• Next.js에서 제공해주는 Link태그 안에 파일경로 넣어줌
• 전체 코드

//Header.tsx
import Link from "next/link";
import { LuFlower2 } from "react-icons/lu";

export default function Header() {
  return (
    <header className="flex justify-between items-center">
      <Link href="/">
        <div className="flex items-center pl-3 pt-3">
          <h1 className="text-2xl font-bold text-pink-500 ml-4">
            {"SungEun's Portfolio"}
          </h1>
          {/* 반응형은 나중에 수정할 예정 */}
          <LuFlower2 className="text-3xl text-pink-500 max-sm:hidden" />
        </div>
      </Link>
      <nav className="flex gap-4 mt-5 font-bold text-pink-500 text-lg p-3 mr-4">
        <Link href="/">Home</Link>
        <Link href="/about">About</Link>
        <Link href="/assets/resume.pdf" target="_blank">
          Resume
        </Link>
        <Link href="/contact">Contact</Link>
      </nav>
    </header>
  );
}