seadonggyun4/Closca_Shop

🛒 Closca Shop - React, WebGL

Closca Shop

✅ Closca Shop 이란?

스페인의 CLOSCA 브랜드 의 인기있는 판매상품인 물병과, 헬멧을 판매하는 사이트를
React를 공부하며 만들어 보았다.

• 사이트 링크 : http://closca-shop.s3-website.ap-northeast-2.amazonaws.com/

🔨기술스택 : React, Redux, WebGL, SCSS

Skill	Info	✔
React	React를 이용한 컴포넌트 관리	✔
	react-router-dom 을 이용한 라우팅 처리	✔
	customHook 과 Providers을 이용한 상태관리	✔
Redux	Reudx를 컴포넌트별 상태관리
SCSS	SCSS를 이용해 컴포넌트별 스타일코드 분산관리	✔
	SCSS를 이용한 애니메이션	✔
WebGL	WebGL을 이용한 이미지 효과	✔

🔧 NPM 패키지

	.ver	.description
gsap	^3.10.4	css 마이크로 애니메이션을 간편하게 구현하기 위한 패키지
curtainsjs	^8.1.3	이미지, 비디오 에 WebGL 효과를 적용시키기 위한 패키지
scrollmagic	^2.0.8	스크롤 위치값에 따른 이벤트를 발생시키 기 위한 패키지
swiper	^8.3.2	슬라이드를 구현하기 위한 패키지