인터랙티브 웹페이지 프로젝트

니콜라스와 최성일의 책과 강의를 통해 나만의 스타일과 클론코딩을 이용하여 만든 코드

목차

• 목적
• 예제

목적

요즘은 웹 개발과 함께 UI/UX 라는 용어를 자주 접합니다. UI란 사용자가 특정 콘텐츠를 이용할 때 만나는 접점. 사용자 환경을 의미합니다. UX란 사람들이 특정 콘텐츠를 사용할 때 UI에서 느낄 수 있는 사용자 경험을 의미합니다. 이처럼 특정 UI를 이용하여 콘텐츠를 사용할 때 느끼는 모든 사용자 경험을 UX라고 하는데, 사용자와 상호 작용하여 모든 모션과 동적인 컨텐츠를 제공하는 환경을 인터랙티브라고 합니다.

웹페이지를 통해 보다 더 액티브하고 동적인 컨텐츠를 사용자에게 제공함과 동시에, 지루하지 않는 페이지를 만들기 위하여 프로젝트를 생성하였습니다.

예제

• front_kakaotalk_clone : https://libtv.github.io/interactive-web/0.%20front_kakaotalk_clone/kokoa-clone-2020-master/
• interactive-nike : https://libtv.github.io/interactive-web/1.%20interactive-nike/
• interactive-company : https://libtv.github.io/interactive-web/2.%20interactive-company/
• interactive-homme : https://libtv.github.io/interactive-web/3.%20interactive-homme/
• interactive-lion : https://libtv.github.io/interactive-web/4.%20interactive-lion/
• interactive-sarar : https://libtv.github.io/interactive-web/5.%20interactive-sarar/
• interactive-changeThemeUseTimestamp : https://libtv.github.io/interactive-web/6.%20interactive-changeThemeUseTimestamp/
• interactive-mousewheel : https://libtv.github.io/interactive-web/7.%20interactive-mousewheel/
• interactive-gallery : https://libtv.github.io/interactive-web/8.%20interactive-gallery/
• interactive-z-axios : https://libtv.github.io/interactive-web/9.%20interactive-z-axios/
• interactive-profile : https://libtv.github.io/interactive-web/10.%20interactive-profile/
• interactive-innovation-web : https://libtv.github.io/interactive-web/11.%20interactive-innovation-web/
• interactive-city : https://libtv.github.io/interactive-web/12.%20interactive-city/
• interactive-3d-panorama : https://libtv.github.io/interactive-web/13.%20interactive-3d-panorama/
• interative-flex-video : https://libtv.github.io/interactive-web/14.%20interative-flex-video/
• interactive-mp3-player : https://libtv.github.io/interactive-web/15.%20interactive-mp3-player/
• interactive-media-query : https://libtv.github.io/interactive-web/16.%20interactive-media-query/