아뮤즈 플랫폼 서비스팀 인턴십 과제 아뮤즈 공식 홈페이지 랜딩 페이지 클로닝하기
- Vue.js를 사용하여 정적 사이트 구현 및 배포
- 자바스크립트 애니메이션 라이브러리 GSAP 활용, 애니메이션 구현
- Vue 코드를 용도 별로
views,layouts,components,components/sections으로 분리 - GSAP로 구현한 애니메이션 함수를
utils디렉터리로 분리
src
┣ assets
┣ components
┃ ┣ sections
┃ ┃ ┣ ContactSection.vue
┃ ┃ ┣ IdeaSection.vue
┃ ┃ ┣ PointSection.vue
┃ ┃ ┣ SolutionSection.vue
┃ ┃ ┗ WorkSection.vue
┃ ┣ Button.vue
┃ ┣ ChatButton.vue
┃ ┣ Footer.vue
┃ ┣ Header.vue
┃ ┣ ServiceBox.vue
┃ ┗ WorkCard.vue
┣ layouts
┃ ┗ DefaultLayout.vue
┣ utils
┃ ┗ animations.ts
┣ views
┃ ┗ LandingPage.vue
┣ App.vue
┣ main.ts
┣ style.css
┗ vite-env.d.ts