| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- ๋ทํ๋ฆญ์ค์ ๋๋ฉ์ด์
- ๋ทํ๋ฆญ์คost
- ์ผ์ดํ๋ฐ๋ชฌํํฐ์ค
- ๋ฐ๋๋ผjs
- JavaScript
- ๋คํฌ๋ชจ๋ํ ๊ธ
- ์น์ ๊ทผ์ฑ
- ์นUI
- ํ๋ก ํธ์๋
- ๋คํฌ๋ชจ๋
- UIUX
- ๋ฐ๋ง์ผํ
- ์ผ๋ฐํ
- ์ ๊ทผ์ฑ
- ๋ฐ๋๋ผ์คํฌ๋ฆฝํธ
- kpopdemonhunters
- ๊ณจ๋
- ์น๊ฐ๋ฐ
- ui์ปดํฌ๋ํธ
- ๊ฐ์์์ด๋
- ์ฌ์๋ณด์ด์ฆ
- js์คํฌ๋กค์ด๋ฒคํธ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์คํฌ๋กค์ ๋๋ฉ์ด์
- ๋น๋ณด๋์ฐจํธ
- ์๋ฐ์คํฌ๋ฆฝํธui
- ์น๋์์ธ
- Golden
- ํํธ๋ฆญ์ค
- UX๋์์ธ
- Today
- Total
๋ชฉ๋กํญ์ ํ (1)
UI Code Lab
ํญ ์ ํ ์คํฌ๋ฆฝํธ ๋ชจ๋ํ ์ค์ ์์
์น ํ๋ก์ ํธ๋ฅผ ์งํํ๋ค ๋ณด๋ฉด ํญ ์ ํ ๊ธฐ๋ฅ์ ๊ตฌํํ ์ผ์ด ์์ฃผ ์๊น๋๋ค. ์ฒ์์๋ ๋จ์ํ fetch๋ก HTML์ ๋ถ๋ฌ์์ innerHTML์ ๋ฃ๊ณ , ํญ ํด๋ฆญ ์ ๋ณด์ฌ์ฃผ๊ธฐ/์จ๊ธฐ๊ธฐ๋ง ํ๋ฉด ์ถฉ๋ถํด ๋ณด์ด์ฃ . ํ์ง๋ง ํ๋ก์ ํธ๊ฐ ์ปค์ง์๋ก ์ฝ๋๊ฐ ์ค๋ณต๋๊ณ , ์ ์ญ ๋ณ์ ์ถฉ๋์ด๋ ํ์ด์ง๋ณ ๊ด๋ฆฌ์ ๋ถํธํจ ๊ฐ์ ๋ฌธ์ ๊ฐ ํ๋๋์ฉ ๋๋ฌ๋ฉ๋๋ค. ์ด๋ฐ ์ํฉ์์ ํ์ํ ๊ฑด ๊ณตํต ๋ก์ง์ ๋ชจ๋ํํ๊ณ , ๊ฐ ํ์ด์ง์์๋ ์ต์ํ์ ์ค์ ๋ง ๋จ๊ธฐ๋ ๊ตฌ์กฐํ์ ๋๋ค. 1. ๋ฌธ์ ์ํฉํญ ์ ํ ๋ก์ง์ ํ์ด์ง๋ง๋ค ์ค๋ณต ์์ฑ → ์ ์ง๋ณด์ ์ด๋ ค์์ ์ญ ๋ณ์(cache, loaded)๊ฐ ๋ค๋ฅธ ์คํฌ๋ฆฝํธ์ ์ถฉ๋ ๊ฐ๋ฅ์ฑํ์ด์ง๋ง๋ค ๋ค๋ฅธ ํ์ผ๋งต์ ๊ด๋ฆฌํด์ผ ํ๋๋ฐ, ๊ณตํต ๋ก์ง๊ณผ ์์ฌ ์์ด์ ๋ถํธ 2. ํด๊ฒฐ ์ ๋ต๊ณตํต ๋ก์ง์ ํ๋์ ๋ชจ๋๋ก ๋ถ๋ฆฌํ์ด์ง๋ณ๋ก๋ fileMap๋ง..