git 95
- WEB) .webp ํ์ผ์ ๋ง๋๋ ๋ฐฉ๋ฒ
- SITE) ๋ฌด๋ฃ ๋๋ผ ๋ฐ์ฃผ๋ ์ฌ์ดํธ ์ถ์ฒ
- CSS) animation(@keyframes)์ ๋ํด ์์๋ณด์
- HTML) object ํ๊ทธ์ ๋ชจ๋ ๊ฒ
- JAVASCRIPT) ๋ฐ๋ณต๋ฌธ์ ๋ํด ์์๋ณด์
- FIGMA) ํผ๊ทธ๋ง ์ปดํฌ๋ํธ์ ๋ํด ์์๋ณด์
- WEB) .webp ํ์ผ์ ๋ํด ์์๋ณด์
- SCSS) SCSS๋ฅผ ์ฌ์ฉํ๋ฉด ์ข์ ์ด์
- ILLUSTRATION) ๊ทธ๋ผ๋ฐ์ด์ ํด์ ๋ชจ๋ ๊ฒ
- WEB) HTML์ img ํ๊ทธ์ CSS์ background-image ์์ฑ
- CSS) vmax์ ๋ํด ์์๋ณด์
- HTML) img ํ๊ทธ์ ๋ชจ๋ ๊ฒ
- WEB) RESTful API์ ๋ํ ๋ชจ๋ ๊ฒ_ ์ ์, ์ฌ์ฉ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ์ค์ ์์
- JAVASCRIPT) ํ์ดํ ํจ์ vs ์ผ๋ฐ ํจ์_ ์ฐจ์ด์ ์๋ฒฝ ๊ฐ์ด๋
- CSS_ ๋ฐ์ํ ์น์ฌ์ดํธ ๋ง๋ค๊ธฐ_ CSS๋ฅผ ์ด์ฉํ ์๋ฒฝ ๊ฐ์ด๋
- CSS) ๋จ์(px, rem, %, vw, vh, calc)์ ๋ํ ๋ชจ๋ ๊ฒ
- JAVASCRIPT) this์ ๋ํ ๋ชจ๋ ๊ฒ_ ์ฌํ ์ค๋ช ๊ณผ ์์
- HTML) form ํ๊ทธ์ ๋ํ ๋ชจ๋ ๊ฒ_ ๋ก๊ทธ์ธ/๋ก๊ทธ์์ ์์ ํฌํจ
- CSS) position_ fixed ์์ฑ์ ๋ํ ๋ชจ๋ ๊ฒ
- JAVASCRIPT) es6 ๋ฌธ๋ฒ ํน์ง๊ณผ ์ฐจ์ด
- HTML) ๋ฐ์ํ ์น์ฌ์ดํธ ์ ์ํ๋ ๋ฐฉ๋ฒ
- WEB) get vs post
- JAVASCRIPT) ํธ์ด์คํ (Hoisting)
- HTML) ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง
- REACT) ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์์ฑ
- JAVASCRIPT) var, let, const ์ฐจ์ด
- HTML) SEO ์ต์ ํ
- CSS) Flexbox์ Grid์ ๋ํด ์์๋ณด์
- ILLUSTRATION) ๊ธฐ๋ณธ ํด๊ณผ ๋จ์ถํค์ ๋ํด ์์๋ณด์
- FIGMA) ํผ๊ทธ๋ง๋ ๋ฌด์์ธ๊ฐ?
- REACT) ํจ์ํ vs ํด๋์คํ์ ๋ํด ์์๋ณด์
- REACT) npm์ ๋ํด ์์๋ณด์
- JAVASCRIPT) ์ ์์ ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ
- SCSS) ๋ฆฌ์กํธ์์ SCSS ์ ์ฉํ๋ ๋ฐฉ๋ฒ
- REACT) JSX์ ๋ํด ์์๋ณด์
- SCSS) SCSS๋ ๋ฌด์์ธ๊ฐ?
- CSS) CSS์์ ์ด๋ฏธ์ง ๋ฃ๋ ๋ฐฉ๋ฒ
- WEB) ์น ๊ฐ๋ฐ์์ JPG ์ด๋ฏธ์ง ํ์ผ ์ ์ฉํ๋ ๋ค์ํ ๋ฐฉ๋ฒ
- WEB) SVG ์คํ์ผ๋ง ๋ฐฉ๋ฒ
- WEB) SVG์ ๋ํด ์์๋ณด์
- REACT) ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ฑ
- CSS) grid ์์ฑ
- JAVASCRIPT) ํ๋กํ ํ์ ์ดํด์ ํ์ฉ
- CSS) Display ์์ฑ_ block, inline-block, inline์ ์ฐจ์ด
- HTML) data ์์ฑ
- REACT) ๋ฆฌ์กํธ Virtual DOM์ ๋ํ ์ดํด์ ์ฌ์ฉ๋ฒ
- ILLUSTRATION) ๋ผ์ด๋ธํ์ธํฐ
- JAVASCRIPT) ๋ถ๋ณ์ฑ ์ ์ง
- ๋ฉด์ ๋๋น์ง๋ฌธ) ์ฟ ๊ธฐ vs ์ธ์ vs ์น์คํ ๋ฆฌ์ง
- ๋ฉด์ ๋๋น์ง๋ฌธ) ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ด๋?
- JAVASCRIPT) ๋ฐ์ดํฐ ํ ๋ณํ
- REACT) ๋ฆฌ์กํธ DOM(React DOM)์ ๋ํ ์ดํด์ ์ฌ์ฉ๋ฒ
- CSS) position ์์ฑ
- HTML) ID vs class ์ฐจ์ด
- ์น๋์์ธ๊ธฐ๋ฅ์ฌ) site A์ ํ ํญ๋ฉ๋ด
- ๋ฉด์ ๋๋น์ง๋ฌธ) API๋?
- CSS) ์คํ๋ผ์ดํธํจ๊ณผ
- REACT) Node.js ํ๋กฌํํธ ์์๋ณด๊ธฐ
- REACT) Node.js ๋จ์ถํค์ ๋ํด ์์๋ณด์
- ์น๋์์ธ๊ธฐ๋ฅ์ฌ) site E์ ํ ๋ฐฐ๋ ๊ณต์ง์ฌํญ
- REACT) Node.js ์ค์นํ๊ธฐ
- ๋ฉด์ ๋๋น์ง๋ฌธ) ๋ฐ์ํ ์น์ ๋ํด ์์๋ณด์
- REACT) REACT๋?
- CSS) position ์์ฑ
- JAVASCRIPT) ๋ฐ์ดํฐ ํ์
- HTML) ์๋ฉํฑ ํ๊ทธ๋?
- ์น๋์์ธ๊ธฐ๋ฅ์ฌ) ์ฌ๋ผ์ด๋ ํ์ด๋ ํจ๊ณผ ์ ํ
- GSAP) Parallax ํจ๊ณผ์ฃผ๊ธฐ
- GSAP) GSAP๋ก ๋ง์ฐ์ค ํจ๊ณผ ์ฃผ๊ธฐ2
- GSAP) ScrollTrigger ํจ๊ณผ์ฃผ๊ธฐ
- ์น๋์์ธ๊ธฐ๋ฅ์ฌ) ๋ฉ๋ด ์ธ๋ก ์ ํ M-3
- PHP) PHP ์ฌ์ฉ๋ฒ๊ณผ ์ฐ๋ ๋ฐฉ๋ฒ
- GSAP) GSAP๋ก ๋ง์ฐ์ค ํจ๊ณผ ์ฃผ๊ธฐ1
- PHYTHON)์์ ์ฌ์ดํธ ๋ถ๋ฌ์ค๊ธฐ
- ์ค๋ต๋ ธํธ) ์๋ฐ์คํฌ๋ฆฝํธ ์ํ
- ์น๋์์ธ๊ธฐ๋ฅ์ฌ) ์ฌ๋ผ์ด๋ ํจ๊ณผ ์ ํ
- GSAP) GSAP์ ๋ํด ์์๋ณด์
- GSAP) Parallax์ ๋ํด ์์๋ณด์ +์ฌ์ฉ๋ฐฉ๋ฒ
- PHYTHON)ํ์ด์ฌ์ด๋?
- HTML) html ์ฉ์ด ์ ๋ฆฌ
- ์น๋์์ธ๊ธฐ๋ฅ์ฌ) ๋ฉ๋ด ๊ฐ๋ก ์ ํ M-1
- ์ค๋ต๋ ธํธ) ์๋ฐ์คํฌ๋ฆฝํธ ์ํ
- ์ฝ๋ฉ) ์น์ฌ์ดํธ ๋ ํผ๋ฐ์ค ์ด์์ฆ(awwwards.com)
- jQuery) ์ ํ์(selector)
- JAVASCRIPT) ์๋ฐ์คํฌ๋ฆฝํธ ์ฉ์ด ์ ๋ฆฌ
- CSS) ๋ฌธ์ ๊ด๋ จ ์คํ์ผ
- CSS) ์ ํ์(selector)
- GitHub) ์ ํ ๋ฐ ์ฌ๋ฌ๊ฐ์ง ๊ธฐ๋ฅ
- JAVASCRIPT) 6. ๊ฐ์ฒด
- JAVASCRIPT) 5. ๋ฐฐ์ด
- JAVASCRIPT) 4. ์กฐ๊ฑด์
- JAVASCRIPT) 3. ํจ์
- JAVASCRIPT) 2. ์์
- JAVASCRIPT) 1. ๋ณ์
- ์ค๋๋ถํฐ ๋ธ๋ก๊ทธ ์์!!