Overview
한눈에 보기
- Period
- 2026.02 - 2026.03
- Role
- 원페이지 퍼블리싱·인터랙션 구현
- Stack
- JavaScript
- jQuery
- GSAP
- 애니메이션
Description
작업 설명
- JavaScript와 jQuery를 활용해 휠·터치 입력 기반의 원페이지 섹션 전환 로직 구현
- GSAP Timeline을 활용해 인트로 시퀀스 및 섹션별 타이틀·텍스트·이미지 애니메이션 구현
- 섹션 전환 상태에 따른 헤더 UI 제어 및 애니메이션 재생·재시작 로직 구현
clip-path를 활용한 섹션 간 원형 전환 효과와 이미지 페이드 애니메이션 구현- 활성 섹션에 따른 배경 영상 재생 제어 및 화면 크기 변경 시 레이아웃 재계산 처리
- SplitType을 활용한 글자 단위 텍스트 모션 및 섹션별 순차 애니메이션 구현
- 프로젝트 세팅과 공통 요소 마크업부터 사업개요·입지환경·프리미엄·오시는 길·관심고객등록 페이지까지 퍼블리싱
- 1MB가 넘는 이미지를 WebP로 변환하고 대용량 리소스를 S3로 분리, 페이지별 타이틀 등 SEO 정보 삽입
- iOS 최하단 스크롤 바운스와 숫자·주소 자동 인식 제거
- 본 사이트 단지설계, 동호수 배치도, 커뮤니티, 평면안내 등 서브 페이지 퍼블리싱
- 오픈 이후 유지보수 담당 (2026.03 ~ 2026.09, 작업일수 12일)
More