- MEGAFOX๋ ์ํ ์๋งค ์ฌ์ดํธ MEGABOX๋ฅผ ํด๋ก ํ ํ๋ก์ ํธ ์ ๋๋ค.
- ์งง์ ํ๋ก์ ํธ ๊ธฐ๊ฐ๋์ ๊ฐ๋ฐ์ ์ง์คํด์ผ ํ๋ฏ๋ก ๋์์ธ/๊ธฐํ ๋ถ๋ถ๋ง ํด๋ก ํ์ต๋๋ค.
-
๊ฐ๋ฐ๊ธฐ๊ฐ : 2021. 10. 18 ~ 2021. 10. 28
-
๊ฐ๋ฐ ์ธ์ : ํ๋ก ํธ์๋ 3๋ช , ๋ฐฑ์๋ 2๋ช
- ์ด ์ฌ์ดํธ๋, ์กฐ์ฌ๊ฒฐ๊ณผ ํด๋ก ์ฝ๋ฉ์ ํ๋ฉฐ ๋ฐฐ์ธ์ ์ด ๋ง์ ์ ์ ํ๊ฒ ๋์์ต๋๋ค.
HTML
JavaScript
React
React Hooks
React Router
Styled-Components
- Header์์ญ navigation๊ตฌํ
- sitemap ๊ตฌํ
- ์ํ ๋ช ์ ๋ง์ฐ์ค ํธ๋ฒ ์ ํด๋น ์ํ ํฌ์คํฐ ์ถ๋ ฅ๋๋ ๊ธฐ๋ฅ ๊ตฌํ
- ๋ก๊ทธ์ธ/์์ ์ํ์ ๋ฐ๋ฅธ ์ ์ ์ ๋ณด ์ถ๋ ฅ ๊ตฌํ
- ๋ฉ์ธํ์ด์ง : api๋ฅผ ์ฌ์ฉํ ๊ด๊ฐ ์ top 4 ์ํ๋ฆฌ์คํธ ์ถ๋ ฅ
- ์ํ ํฌ์คํฐ์ ๋ง์ฐ์ค ํธ๋ฒ ์ ํด๋น ์ํ ์ ๋ณด ์ถ๋ ฅ ๊ธฐ๋ฅ ๊ตฌํ
- ๊ณต์ฉ ํญ ์ปดํฌ๋ํธ ๊ตฌํ
- ์ ์ฒด ์ํ ํ์ด์ง ๊ตฌํ
- ์ํ ์์ธ ํ์ด์ง ๊ตฌํ
- ์ ์ฒด ์ํ ํ์ด์ง๋ค์ด์ ๊ตฌํ
- ์ ์ฒด ์ํ ์ด๋ฏธ์ง hover์ API๋ก ๋ฐ์์ค๋ ์ค๊ฑฐ๋ฆฌ ๋ด์ฉ์ด ๋ํ๋๋๋ก ๊ตฌํ
- ๋์ ๋ผ์ฐํ ์ ์ด์ฉํด ๊ฐ ์ํ ์์ธ ํ์ด์ง๋ก ๋์ด๊ฐ๊ฒ ๊ตฌํ
- ๊ด๋ ๋ฑ๊ธ์ ๋ฐ๋ผ ์์ด์ฝ์ ์ด๋ฏธ์ง๊ฐ ์๋ ์คํ์ผ๋ก ๊ตฌํ
- ๊ณต์ฉ style variables, font ์ถ๊ฐ
- ์์ ๋ก๊ทธ์ธ (์นด์นด์ค) ๊ตฌํ
- ์ ์ฒด ๊ทน์ฅ ํ์ด์ง ๊ตฌํ
- ์คํฌ๋กค ์ด๋ฒคํธ (์๋จ ์ด๋ ๋ฒํผ) ๊ตฌํ
- ์๋งค ํ์ด์ง ๊ตฌํ
- ๋ ์ง ์ฌ๋ผ์ด๋ ๊ตฌํ
- ์์ ์ ๋ฌด์ ๋ฐ๋ฅธ ๋ธ๋ฌ์ฒ๋ฆฌ ๊ตฌํ
- ๋ค์ค ์ ํ ๋ฒํผ ๊ตฌํ, ์ ํ๋ ํ๊ฒ์ ๋ฐ๋ฅธ APIํธ์ถ ๊ตฌํ
MEGAFOX.mov
- ์ด ํ๋ก์ ํธ๋ MEGABOX ์ฌ์ดํธ๋ฅผ ์ฐธ์กฐํ์ฌ ํ์ต๋ชฉ์ ์ผ๋ก ๋ง๋ค์์ต๋๋ค.
- ํ์ต์ฉ์ผ๋ก ๋ง๋ ํ๋ก์ ํธ์์ผ๋ก ์ด๋ฅผ ํ์ฉํ์ฌ ์ด๋์ ์ทจํ๊ฑฐ๋ ๋ฌด๋จ ๋ฐฐํฌํ ๊ฒฝ์ฐ ๋ฒ์ ์ผ๋ก ๋ฌธ์ ๋ ์ ์์ต๋๋ค.