Build and Deploy an Awwwards Winning 3D Web Developer Portfolio with React, Three JS & GSAP
- 3D 웹 개발 포트폴리오 구축 강좌 소개: 멋진 3D 애니메이션과 사용자 친화적인 레이아웃을 결합하여 채용 담당자와 고객에게 깊은 인상을 줄 수 있는 포트폴리오 제작 🤩.
- 포트폴리오 주요 섹션: 3D 모델, 파티클, 애니메이션 텍스트가 포함된 히어로 섹션, 프로젝트, 경력, 기술, 추천, 연락처 섹션 등 다양한 요소들을 활용 🧰.
- 기술 스택: React, Three.js, GSAP, Tailwind CSS를 사용하여 포트폴리오를 구축하고, 모바일에서도 부드럽게 로딩되도록 최적화 💻.
- 3JS 치트 시트 및 심화 학습: 3JS 개발을 위한 치트 시트 제공 및 3JS 심화 학습을 위한 별도 강좌 안내 📚.
- 포트폴리오 배포 및 개인 도메인: 포트폴리오를 인터넷에 배포하고, 개인 도메인을 사용하여 전문성을 높이는 방법 제시 🌐.
- 호스팅 서비스 추천: Hostinger를 추천하며, 할인 혜택 및 쿠폰 코드 제공 💰.
- Vite를 사용한 React 프로젝트 설정: Vite를 사용하여 React 프로젝트를 빠르게 설정하고 필요한 의존성 설치 방법 안내 🚀.
- WebStorm IDE 활용: WebStorm IDE의 장점 소개 및 무료 사용 가능 여부 안내 👨💻.
- Tailwind CSS 설정 및 사용자 정의: Tailwind CSS를 설정하고, Figma 디자인을 기반으로 색상 및 스타일을 사용자 정의하는 방법 설명 🎨.
- GSAP 애니메이션 라이브러리: GSAP를 사용하여 포트폴리오에 부드러운 애니메이션 효과를 추가하는 방법 소개 ✨.
- React-Three/Fiber: React 환경에서 Three.js를 간편하게 사용할 수 있도록 해주는 React-Three/Fiber 소개 ⚛️.