많은 사람들에게 도움이 되는 웹을 만드는 개발자입니다. 모두가 사용하고 싶은 서비스를 만들고 싶습니다.

• Email | [email protected]

• Github | github.com/jehoonje

• Web Portfolio | jehoonje.github.io

• Personal Blog | bluebellybird.bearblog.dev

• TechBlog | martlet.tistory.com

PROJECTS

개인기록 포트폴리오 (3주 / 1명) Individual

기간 : 2025.01.01 ~ 2025.01.21 / 링크 : 🔗Github Repository, 🔗Visit Website

스택 : React, Next.js, Tailwind CSS, JavaScript, SCSS, GSAP, Vercel, GitHub Actions

사진, 음악 등 문화적 기록을 전시하며, 모던 웹 기술을 학습하기 위해 제작했습니다.

주요 작업

• 애니메이션 구현: Parallax, GSAP를 사용해 스크롤, 페이드 등 다양한 인터랙션 구현
• 중앙집중화: 각 섹션 별 스크롤 트리거 로직을 단일 컴포넌트로 통합, 불필요한 "use client" 선언 최소화
• 스타일링: Tailwind CSS 및 SCSS로 반응형 디자인 적용
• 배포 파이프라인: GitHub Actions를 이용한 CI/CD와 Vercel 자동 배포 설정

성과

• 성능 지표 개선 🔗PR comment
  • LCP 30.4s → 2.6s, Speed Index 23.5s → 5.6s (애니메이션 로딩 및 이미지를 최적화하고, GSAP 초기화를 중앙집중화한 결과)
• TBT 안정화 🔗PR comment
  • ScrollTrigger 중복 초기화 제거로 Total Blocking Time이 11,800ms에서 5,850ms로 감소