프로젝트 개요
- 프로젝트 유형 : 이벤트 사이트
- 작업 기간 : 3일
- 기여도 : 퍼블리싱 100%
- 사용 기술 : HTML, CSS, JavaScript, jQuery, GSAP
- 협업 툴 : Photoshop
작업 내용
- HTML 마크업
- 웹 표준 & 웹 접근성을 고려한 시맨틱 마크업 적용
- CSS 스타일링
input[type="checkbox"]
, input[type="file"]
의 커스텀 스타일링 적용
Flexbox
를 활용한 유동적인 레이아웃 적용
Media Query
를 적용하여 다양한 기기에서도 최적화된 화면을 제공
- JavaScript 및 라이브러리 활용
click
이벤트를 활용한 모달창 UI 기능 구현
GSAP
와 ScrollTrigger
라이브러리를 활용한 스크롤 애니메이션 기능 구현
사이트 바로가기
환경재단 - 투어스
참여 프로젝트 더보기 ▶