๐ GSAP๋ฅผ ์ฌ์ฉํด Awwwards ์คํ์ผ ์น์ฌ์ดํธ๋ฅผ ์ฌ๊ตฌ์ฑํ์ต๋๋ค โ ๊ธฐ์ฌ์๋ฅผ ์ฐพ์ต๋๋ค!
Source: Dev.to
About This Project
์ด ํ๋ก์ ํธ๋ ์์ ๊ฒฝ๋ ฅ์ด ์๋ Awwwards ๋์์ธ์์ ์๊ฐ์ ๋ฐ์ ๋ง๋ ํ๋์ ์ด๊ณ ํ๋ฆฌ๋ฏธ์ํ ์น์ฌ์ดํธ Truus๋ฅผ ๊ณ ์ถฉ์ค๋(highโfidelity)๋ก ์ฌํํ ๊ฒ์
๋๋ค.
๋ถ๋๋ฌ์ด ๋ชจ์
๊ณผ ์์ ์์ค์ ๋ชจ์
๋์์ธ์ด ์ด๋ป๊ฒ ๊ตฌํ๋๋์ง๋ฅผ ๊ณต๋ถํ๊ธฐ ์ํด ์์ ํ๋ก ํธ์๋ ๊ธฐ์ ๋ง์ ์ฌ์ฉํ์ต๋๋ค.
GitHub repository:
Live demo:
Key Features
- ๋ถ๋๋ฌ์ด ์ฑ๋ฅ๊ณผ ์ ๋ฐํ ํ์๋ผ์ธ ์ ์ด๋ฅผ ์ ๊ณตํ๋ GreenSock (GSAP) ๊ธฐ๋ฐ ์ ๋๋ฉ์ด์ .
Tech Stack
- HTML5 โ ๋ฌด๊ฑฐ์ด ํ๋ ์์ํฌ ์์ด ๊น๋ํ ํ๋ก ํธ์๋ ๊ธฐ๋ณธ๊ธฐ๋ง ์ฌ์ฉ.
Why Iโm Sharing This
ํ๋ก ํธ์๋ ์ ๋๋ฉ์ด์ ์ ๊ด์ฌ ์๋ ๋๊ตฌ๋ ์ฐธ์ฌํ ์ ์๋ ์ปค๋ฎค๋ํฐ ๊ธฐ๋ฐ ์คํ์์ค ํ๋ก์ ํธ๋ก ๋ง๋ค๊ณ ์ถ์ต๋๋ค.
How You Can Contribute
- ์ด๋ฆฐ ์ด์๋ฅผ ํ์ธํ์ธ์(โgood first issueโ ๋ผ๋ฒจ์ ์ฐพ์๋ณด์ธ์).
- ํ ๋ฆฌํ์คํธ๋ฅผ ์ ์ถํ์ธ์.
Contribution Ideas
- ๋ชจ๋ฐ์ผ ๋ฐ์ํ ๊ฐ์ .
Goal
๋ค๋ฅธ ์ฌ๋๋ค์ด ๊ณต๋ถํ๊ณ ๋ฐฐ์ธ ์ ์๋, ์ ๋๋ฉ์ด์ ์ ์ด์ ์ ๋ง์ถ ๊น๋ํ ์คํ์์ค ํ๋ก ํธ์๋ ํ๋ก์ ํธ๋ฅผ ๊ตฌ์ถํ๋ ๊ฒ์ด ๋ชฉํ์ ๋๋ค. ํ๋ฆฌ๋ฏธ์ ์น ๊ฒฝํ๊ณผ ๋ชจ์ ๋์์ธ์ ์ฆ๊ธด๋ค๋ฉด ํจ๊ป ๋ง๋ค์ด๊ฐ์! ๐
Tags: opensource webdev javascript frontend gsap