| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- UIUX
- js์คํฌ๋กค์ด๋ฒคํธ
- ์คํฌ๋ฆฐ๋ฆฌ๋์ง์
- ๋ฐ๋๋ผjs
- ์ ๊ทผ์ฑ
- ์น๊ฐ๋ฐ
- ๋ก์ปฌ์คํ ๋ฆฌ์ง
- ์นui๋์์ธ
- ์ธํฐ๋์ ๋์์ธ
- ์คํฌ๋กค์ ๋๋ฉ์ด์
- ์๋ฐ์คํฌ๋ฆฝํธ์ปดํฌ๋ํธ
- css์ ๋๋ฉ์ด์
- ์น๋์์ธ
- UX๋์์ธ
- ์น์ ๊ทผ์ฑ
- ์๋ฐ์คํฌ๋ฆฝํธui
- ํ๋ก ํธ์๋
- ์ธํฐ๋ ํฐ๋ธui
- uiux๋์์ธ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ๋คํฌ๋ชจ๋ํ ๊ธ
- ๋ฐ์ํ์น
- ui์ปดํฌ๋ํธ
- css๋ณ์
- ์ฝ๋ฉ์์
- ๋ฐ๋๋ผ์คํฌ๋ฆฝํธ
- ์นUI
- ๋คํฌ๋ชจ๋
- ๋คํฌ๋ชจ๋UX
- JavaScript
- Today
- Total
๋ชฉ๋ก2025/07/28 (1)
UI Code Lab
๐ ๋คํฌ ๋ชจ๋ ์ ํ ์, ๋ถ๋๋ฝ๊ณ ์์ฑ๋ ๋์ ์น UI ๋ง๋ค๊ธฐ
์ต๊ทผ ์น์ฌ์ดํธ์์ ๋คํฌ ๋ชจ๋ ์ ํ ๊ธฐ๋ฅ์ ๋จ์ํ ํธ๋ ๋๋ฅผ ๋์ด ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ํต์ฌ ์์๋ก ์๋ฆฌ ์ก๊ณ ์์ต๋๋ค. ๋ณธ ๊ธ์์๋ CSS์ JavaScript๋ฅผ ํ์ฉํ์ฌ ํ ๋ง ๋ณ๊ฒฝ ์ ๋ถ๋๋ฝ๊ณ ๋งค๋๋ฌ์ด ์ ํ์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ์ฌ๋ ์๊ฒ ๋ค๋ค๋ด ๋๋ค. ํ๋ฐํธ์๋ ๊ฐ๋ฐ์๋ ๋ฌผ๋ก , UX/UI ๋์์ด๋์๊ฒ๋ ๋์์ด ๋๋ ์ค์ ํ์ ์ ๋ฆฌํ์ต๋๋ค. โจ ์ ๋ถ๋๋ฌ์ด ํ ๋ง ์ ํ์ด ์ค์ํ๊ฐ?๊ฐ์์ค๋ฌ์ด ํ๋ฉด ์ ํ์ ์๊ฐ์ ํผ๋ก๋ฅผ ์ ๋ฐํ ์ ์์์ ํ ๋ฐฉ์์ด ์ธ๋ จ๋ ์๋ก ์๋น์ค ํ์ง์ ๋ํ ์ธ์์ด ์์นํนํ ๋คํฌ ๋ชจ๋๋ ๋ฐ๊ธฐ ๋๋น๊ฐ ํฌ๊ธฐ ๋๋ฌธ์, ์ ํ ์๊ธ ์กฐ์ ์ด ์ค์ ๐จ CSS Transition์ผ๋ก ๋ถ๋๋ฌ์ด ์คํ์ผ ์ ํ CSS ๋ณ์ ๊ธฐ๋ฐ ํ ๋ง ์์คํ ์ ํ์ฉํ๋ฉด, transition ์์ฑ๋ง์ผ๋ก๋ ๋ถ๋๋ฌ์ด ์๊ฐ ํจ๊ณผ๋ฅผ ๋ผ ์ ..