vite๋ก ์ ์ํ ํฌํธํด๋ฆฌ์ค ์ฌ์ดํธ ์ ๋๋ค. PORTFOLIO
HTML, CSS๋ฅผ ์ฌ์ฉํ์ฌ ๋ง๋ ์น ํ์ค ์ฌ์ดํธ์ ๋๋ค. WEB STANDARD
๋๋ฏธ๋
ธํผ์ ๊ณต์ ์ฌ์ดํธ์ ๋์์ธ๊ณผ ๊ธฐ๋ฅ์ ์ ์ฌํ๊ฒ ๋ณด์ด๋๋ก ์ ์ํ์์ต๋๋ค.
Dominoโs HTML
Dominoโs REACT
์ปดํผ๋ํธ๋ฅผ ์์ฑํ์ฌ ์ฑ๊ธํ์ด์ง๋ฅผ ์ถ๋ ฅ์์ผ ๋ง๋ React ์ฌ์ดํธ์ ๋๋ค. REACT SITE
PHP๋ฅผ ์ฌ์ฉํด ์น ํ์ด์ง๋ฅผ ์ ์ํ์์ต๋๋ค. PHP SITE
PHP๋ฅผ ๊ธฐ๋ฐ์ผ๋ก โํ๋ฃจ ํ ์ง๋ฌธโ ์ด๋ผ๋ ๋ ํด๋ ฅ ํฅ์์ ์ํ ๋ฌธํ/๋น๋ฌธํ ๋ฌธ์ ํ์ด ์ฌ์ดํธ์ ๋๋ค. PHP SITE
REACT๋ก ์์ฑํ ์ฌ์ดํธ ๋ ์ด์์์ ๊ทธ๋๋ก VUE๋ฌธ๋ฒ์ ์ฌ์ฉํ์ฌ ์ฌ์ดํธ๋ฅผ ๋ง๋ค์์ต๋๋ค. VUE SITE
REACT๋ก YOUTUBE API๋ฅผ ํ์ฉํด ์ ์ํ ์ ํ๋ธ API ์ ๋๋ค. YOUTUBE API
ํ์์ ๋ค๋๋ฉฐ ์์ ์๊ฐ์ ๊ณต๋ถํ ๋ด์ฉ์ ๋ฐ๋ก๋ฐ๋ก ์์ฑํ๋ฉฐ ๊ธฐ๋กํด ๋์ ์ฌ์ดํธ์ ๋๋ค. STUDY SITE
์ด ํ๋ก์ ํธ๋ Javascript Mastery ์ ํํ ๋ฆฌ์ผ์ ๊ธฐ๋ฐ์ผ๋ก ์ ์ํ์์ต๋๋ค.
NextJS ์ ํ๋ฆฌ์ผ์ด์
์์
์ ์ต์ํด์ง๊ธฐ ์ํด ์ด ํ๋ก์ ํธ๋ฅผ ์์ํ์์ต๋๋ค.
NEXT.JS SITE
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ์ฌ ๊ฒ์์ดํํธ๋ฅผ ๊ตฌํํ ์น์ฌ์ดํธ ์
๋๋ค. ๋ฎค์ง ํ๋ ์ด์ด์ ํ
ํธ๋ฆฌ์ค ๊ฒ์์ ํ ์ ์์ต๋๋ค.
MUSIC GAME EFFECT
TETRIS GAME EFFECT
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ์ฌ ํจ๋ด๋์ค ์ดํํธ๋ฅผ ๊ตฌํํ ์น์ฌ์ดํธ ์
๋๋ค. gsap๋ฅผ ์ด์ฉํ ์ฌ๋ฌ๊ฐ์ง ์คํฌ๋กค ์ ๋๋ฉ์ด์
์ ํ์ธํ ์ ์์ต๋๋ค.
PARALLAX EFFECT
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ์ฌ ๋ง์ฐ์ค ์ค๋ฒ ์ดํํธ๋ฅผ ๊ตฌํํ ์น์ฌ์ดํธ ์
๋๋ค. ์ฌ๋ฌ ๊ฐ์ง ๋ง์ฐ์ค ์ค๋ฒ ํจ๊ณผ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
MOUSE HOVER EFFECT
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ์ฌ ํด์ฆ ์ดํํธ๋ฅผ ๊ตฌํํ ์น์ฌ์ดํธ ์
๋๋ค. ์ ๋ณด์ฒ๋ฆฌ๊ธฐ๋ฅ์ฌ, ์น๋์์ธ๊ธฐ๋ฅ์ฌ ํ๊ธฐ ๊ธฐ์ถ๋ฌธ์ ๋ก ์ ์๋์์ต๋๋ค.
QUIZ EFFECT