포트폴리오 웹사이트
Astro Tailwind CSS
여러분이 지금 보고 계신 이 페이지입니다.
프로젝트 소개
개발자로서의 역량과 경험을 효과적으로 소개하기 위해 직접 설계하고 개발한 포트폴리오 웹사이트입니다. Astro의 Islands Architecture를 기반으로 필요한 부분만 하이드레이션하여 성능을 최적화했으며, Canvas API를 활용해 별이 흐르는 배경 애니메이션을 직접 제작했습니다. 한국어/영어 다국어를 지원하며, 프로젝트·기술 스택·활동 등 섹션별로 콘텐츠를 체계적으로 구성했습니다. 모바일과 데스크탑 모두를 고려한 완전한 반응형 레이아웃으로 설계되었습니다.
주요 기능
✦
한국어/영어 다국어 지원 (i18n)
✦
별이 흐르는 Canvas 기반 배경 애니메이션
✦
프로젝트, 기술 스택, 활동 섹션
✦
기술 스택 모달 상세 설명
✦
완전한 반응형 모바일 지원
개발 내용
01 Astro Islands Architecture 기반으로 전체 구조를 설계하고 개발했습니다.
02 외부 라이브러리 없이 i18n 시스템을 직접 설계하고 구현했습니다.
03 Canvas API를 활용해 별 배경 애니메이션을 구현했습니다.
04 Tailwind CSS 커스텀 테마와 글로벌 스타일을 설계했습니다.
05 모바일/데스크탑 반응형 레이아웃 전체를 구성했습니다.