포트폴리오 Footer 만들기

 

 

 

 

➜ header 시작

➜ header 완성

➜ intro

➜ About Me

➜ Projects

➜ Skills

➜ Experience

➜ Contact

➜ Footer

➜ Vercel 배포

 

 

Footer 컴포넌트

import React from "react";

export default function Footer() {
  return (
    <footer className="mb-10 px-4 text-center text-gray-500">
      <small className="mb-2 block text-xs">
        &copy; 2023 Choi Hanseul. All rights reserved.
      </small>
      <p className="text-xs">
        <span className="font-semibold">About this website:</span> built with
        React & Next.js (App Router & Server Actions), TypeScript, Tailwind CSS,
        Framer Motion, React Email & Resend, Vercel hosting.
      </p>
    </footer>
  );
}

 

 

푸터의 상단에는 작성자와 저작권 정보를 표시한다.

 

푸터의 하단에는 웹사이트에 대한 간략한 설명을 포함한다.

사용된 기술 스택 및 도구들을 나열했다.