| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- ์นUI
- js์คํฌ๋กค์ด๋ฒคํธ
- ์คํฌ๋กค์ ๋๋ฉ์ด์
- ์๋ฐ์คํฌ๋ฆฝํธui
- ๋ก์ปฌ์คํ ๋ฆฌ์ง
- ๋ฐ๋๋ผjs
- ์ฝ๋ฉ์์
- css๋ณ์
- ๋คํฌ๋ชจ๋
- ์๋ฐ์คํฌ๋ฆฝํธ
- ui์ปดํฌ๋ํธ
- ํ๋ก ํธ์๋
- preferscolorscheme
- ๋ฐ์ํ์น
- ์น๊ฐ๋ฐ
- ์ธํฐ๋ ํฐ๋ธui
- ๋คํฌ๋ชจ๋ํ ๊ธ
- UX๋์์ธ
- ์นui๋์์ธ
- ์น์ ๊ทผ์ฑ
- UIUX
- ์คํฌ๋ฆฐ๋ฆฌ๋์ง์
- ํ ๋ง์๋์ ํ
- ์๋ฐ์คํฌ๋ฆฝํธ์ปดํฌ๋ํธ
- ์ ๊ทผ์ฑ
- JavaScript
- ์น๋์์ธ
- css์ ๋๋ฉ์ด์
- ๋ฐ๋๋ผ์คํฌ๋ฆฝํธ
- uiux๋์์ธ
- Today
- Total
๋ชฉ๋ก์ปฌ๋ผui (1)
UI Code Lab
๋ฐ์ํ ์น์ ์ํ table ๊ตฌ์กฐ ๊ฐ์ – ul, li๋ก ๋ฐ๊พธ๊ณ ์ ๊ทผ์ฑ๊น์ง ์ฑ๊ธฐ๊ธฐ
์น์์ ๋ฐ์ดํฐ๋ฅผ ํ(table) ํํ๋ก ๋ณด์ฌ์ฃผ๋ ๊ฑด ํํ ์ผ์ด์ง๋ง, ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์๋ ํ๊ฐ ์๋ ค ๋ณด์ด๊ฑฐ๋ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด๋ด ๋ ์ ์ฉํ ๋ฐฉ๋ฒ์ด ๋ฐ๋ก table์ ul, li ๊ตฌ์กฐ๋ก ๋ฐ๊ฟ ๋ฐ์ํ์ผ๋ก ๊ตฌํํ๋ ๊ฒ์ ๋๋ค. ์ด๋ฒ ๊ธ์์๋ ์ค์ ์์ ๋ฅผ ํตํด table์ ul/li๋ก ๋ฐ๊พธ๋ ๋ฐฉ๋ฒ๊ณผ, ์ ๊ทผ์ฑ(Accessibility)๊น์ง ๊ณ ๋ คํ ๋งํฌ์ ์ ๋ต์ ์๊ฐํฉ๋๋ค. โ ์ table ๋์ ul, li๋ฅผ ์ฌ์ฉํ ๊น? ํญ๋ชฉtableul, li๋ฐ์ํ ๊ตฌํ์ด๋ ค์์ ์ฐํจ์คํ์ผ ์ปค์คํฐ๋ง์ด์ง์ ํ์ ์์ ๋ก์์ ๊ทผ์ฑ๋ช ํํ ๊ตฌ์กฐ ์ ๊ณต์ถ๊ฐ ์์ฑ ํ์๋ชจ๋ฐ์ผ ๊ฐ๋ ์ฑ๋ฎ์๋์table์ ์๋ฏธ๋ก ์ ์ผ๋ก๋ ์ข์ง๋ง, ์์ ํ๋ฉด์์ ์คํฌ๋กค ์์ด ๋ณด๊ธฐ ์ด๋ ต๊ณ ์คํ์ผ๋ง๋ ์ ํ์ ์ ๋๋ค. ul, li ๊ตฌ์กฐ๋ ๋ ์ ์ฐํ๊ฒ ๋ ์ด์์์ ๊ตฌ์ฑํ ..