์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ์๋ฐ์คํฌ๋ฆฝํธ
- ํ ๋ง์๋์ ํ
- ์คํฌ๋ฆฐ๋ฆฌ๋์ง์
- UX๋์์ธ
- ๋คํฌ๋ชจ๋ํ ๊ธ
- ์น์ ๊ทผ์ฑ
- ํ๋ก ํธ์๋
- js์คํฌ๋กค์ด๋ฒคํธ
- ๋ก์ปฌ์คํ ๋ฆฌ์ง
- ๋ฐ๋๋ผjs
- ๋คํฌ๋ชจ๋
- ์ ๊ทผ์ฑ
- ์คํฌ๋กค์ ๋๋ฉ์ด์
- ์ฝ๋ฉ์์
- ์น๋์์ธ
- ์นui๋์์ธ
- JavaScript
- css์ ๋๋ฉ์ด์
- UIUX
- preferscolorscheme
- ์ธํฐ๋ ํฐ๋ธui
- ์๋ฐ์คํฌ๋ฆฝํธui
- ์๋ฐ์คํฌ๋ฆฝํธ์ปดํฌ๋ํธ
- ์น๊ฐ๋ฐ
- ui์ปดํฌ๋ํธ
- ์นUI
- css๋ณ์
- ๋ฐ์ํ์น
- ๋ฐ๋๋ผ์คํฌ๋ฆฝํธ
- uiux๋์์ธ
- Today
- Total
๋ชฉ๋ก๋ฐ์ํ๊ฒ์ํ (1)
UI Code Lab

์น์์ ๋ฐ์ดํฐ๋ฅผ ํ(table) ํํ๋ก ๋ณด์ฌ์ฃผ๋ ๊ฑด ํํ ์ผ์ด์ง๋ง, ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์๋ ํ๊ฐ ์๋ ค ๋ณด์ด๊ฑฐ๋ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ์ด๋ด ๋ ์ ์ฉํ ๋ฐฉ๋ฒ์ด ๋ฐ๋ก table์ ul, li ๊ตฌ์กฐ๋ก ๋ฐ๊ฟ ๋ฐ์ํ์ผ๋ก ๊ตฌํํ๋ ๊ฒ์ ๋๋ค. ์ด๋ฒ ๊ธ์์๋ ์ค์ ์์ ๋ฅผ ํตํด table์ ul/li๋ก ๋ฐ๊พธ๋ ๋ฐฉ๋ฒ๊ณผ, ์ ๊ทผ์ฑ(Accessibility)๊น์ง ๊ณ ๋ คํ ๋งํฌ์ ์ ๋ต์ ์๊ฐํฉ๋๋ค. โ ์ table ๋์ ul, li๋ฅผ ์ฌ์ฉํ ๊น? ํญ๋ชฉtableul, li๋ฐ์ํ ๊ตฌํ์ด๋ ค์์ ์ฐํจ์คํ์ผ ์ปค์คํฐ๋ง์ด์ง์ ํ์ ์์ ๋ก์์ ๊ทผ์ฑ๋ช ํํ ๊ตฌ์กฐ ์ ๊ณต์ถ๊ฐ ์์ฑ ํ์๋ชจ๋ฐ์ผ ๊ฐ๋ ์ฑ๋ฎ์๋์table์ ์๋ฏธ๋ก ์ ์ผ๋ก๋ ์ข์ง๋ง, ์์ ํ๋ฉด์์ ์คํฌ๋กค ์์ด ๋ณด๊ธฐ ์ด๋ ต๊ณ ์คํ์ผ๋ง๋ ์ ํ์ ์ ๋๋ค. ul, li ๊ตฌ์กฐ๋ ๋ ์ ์ฐํ๊ฒ ๋ ์ด์์์ ๊ตฌ์ฑํ ..