Build And Deploy a Modern Personal Portfolio with ReactJS and TailwindCSS | React Beginner Tutorial
- React.js와 Tailwind CSS를 사용하여 멋진 개인 포트폴리오 웹사이트 구축 🚀.
- 반응형 네비게이션 바, 멋진 배경, 자기소개, 기술 섹션, 프로젝트 데모, 연락처 영역 포함 🌠.
- ReactJS 초보자 강좌 홍보 (할인 코드: EARLY100) 🧑🏫.
- Vite를 사용하여 React 프로젝트 생성 (npx create vite) 🛠️.
- UI 라이브러리 (Tailwind CSS, Radix UI) 활용 권장 🎨.
- Tailwind CSS 및 Tailwind CSS Vite 플러그인 설치 (npm install tailwindcss tailwindcss-vite-plugin) ✅.
- V config에서 경로 별칭 설정 (@ 기호로 소스 폴더 참조) 📍.
- Lucid React (아이콘), React Router DOM (라우팅), Tailwind Merge (클래스 이름 결합) 설치 📦.
- Radix UI Toaster 설치 (npm install radix-ui-react-toast clsx) 🍞.
- React Router DOM을 사용하여 홈페이지 및 404 페이지 라우팅 설정 🧭.
- 테마 전환, 배경 효과, 네비게이션 바, 주요 콘텐츠, 푸터로 홈페이지 구조화 🏗️.
- 사용자 정의 스타일 및 색상 정의 (index.css에서 테마 설정) 🌈.