프로젝트 소개

필 스카길의 포트폴리오는 Astro, Tailwind CSS, TypeScript로 구축된 개인 웹사이트로, 스페이스X의 자동화 및 제어 전문가로서의 작업을 선보입니다. 사이트에는 반응형 프로필 사진, 애니메이션 말풍선, 프로젝트 상자 호버 시 이모지 애니메이션이 포함됩니다. 기술적 개선으로 Astro의 'server' 출력을 통한 서버 사이드 렌더링, Node.js 기반 Docker 컨테이너화, SSL 종료를 위한 Nginx 프록시가 적용되었습니다. 자가 호스팅 방문자 추적 시스템은 페이지 조회수, 고유 방문자, IP 주소, 지리적 위치, 방문 시간, 리퍼러 데이터를 기록하며, Docker 볼륨을 통해 유지되는 파일 기반 JSON 데이터베이스에 저장하고 30초 간격 실시간 분석 대시보드를 제공합니다. 접근성 및 SEO 개선에는 메타 태그, Open Graph/Twitter Card 데이터, JSON-LD 구조화 마크업, ARIA 속성, 포커스 관리, robots.txt/sitemap 파일이 포함됩니다. 보안 조치로는 환경 변수 기반 암호 보호 관리자 접근, 제3자 트래커 방지를 위한 로컬 데이터 저장, 보안 헤더 적용이 이루어졌으며, MIT 라이선스로 배포되어 이메일, LinkedIn, GitHub 및 위치 연락처 정보를 제공합니다.