ํ๋น๋ฏธ๋์ด <๋๋ ๋ฆฌ๋ทฐ์ด๋ค> ํ๋์ ์ํด์ ์ฑ ์ ์ ๊ณต๋ฐ์ ์์ฑ๋ ์ํ์ ๋๋ค.
์ฑ ์ถ์ฒ ๋์์
- ์น ํ๋ก ํธ ๊ฐ๋ฐ์ ๊ด์ฌ์๋ ์ฌ๋
- HTML, CSS๋ฅผ ํ๋ฒ์ด๋ผ๋ ๋ค๋ค๋ณธ ์ฌ๋
- Javascript ์ด๋ณด์
์ฌ์ค ๋๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ฆฌ์กํธ๋ฅผ ํ๋ฉด์ ๋ณ๋ ฌ์ ์ผ๋ก ํฐ๋ํ๋ ์ฌ๋์ธ์ง๋ผ, ์์ ๋ฐ๋๋ผJS ๊ตฌํ์ ์ฝํ๋ค๊ณ ์๊ฐํ๋ค.
๊ทธ๋์ ์ด๋ฒ '์์ฑ๋ ์น์ฌ์ดํธ๋ก ๋ฐฐ์ฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ' ์ฑ ์ ๋ณด๋ฉด์ ๋ด๊ฐ ๋์น๊ณ ์๋ ๋ถ๋ถ๋ค์ ๋ํด์ ๋ค์๊ธ ์๊ธฐ์ํฌ ์ ์์๋ค. ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์๊ตฌ๋ ์ฌํญ์ ๋ค ๊ตฌํํ ์ ์๋ ์ฌ๋์ด๋ผ๋ฉด ์ด ์ฑ ์ ์คํตํด๋ ๋ ๊ฒ ๊ฐ์ง๋ง, ๊ทธ๋ ์ง ์์ ์ฌ๋๋ค์๊ฒ ๋ชจ๋ ์ถ์ฒํ๋ค.
๋๋์
์์ฆ ์ด๋ก ์ฑ ๋ค์ ๋ณด๊ฒ ๋๋ฉด ๊ธ ์์ฃผ์ ์ฑ ๋ค์ด ๋ง์๋ฐ, ์๋ ์ปดํจํฐ ์ง์์ ์ ๋ฌํด์ผํ ๊ฒ๋ ๋ง๊ณ ๊น์ด๋ ์์ด์ผํ๊ธฐ ๋๋ฌธ์ ๊ทธ๋ด ์ ๋ฐ์ ์๋ค๋ ๊ฒ์ ์๋ค. ํ์ง๋ง, ์ฑ ์ด ๋ ๋๋ฌด ์ด๋ ต๊ณ ์ ๊ทผ์ฑ์ด ์์ข์ผ๋ฉด ์ง๋ ๊ฒ๋ถํฐ ๋จน๊ฒ ๋๊ณ ์ฌ๋ฏธ์๋ ๊ฒ๋ ์ฌ๋ฏธ์๊ฒ ๋๊ปด์ง๋ ๋ถ์์ฉ์ด ์๊ธธ ์ ๋ฐ์ ์๋ค๊ณ ์๊ฐํ๋ค.
๊ทธ ๋ฐฉ๋ฉด์์ '์์ฑ๋ ์น์ฌ์ดํธ๋ก ๋ฐฐ์ฐ๋ ์๋ฐ์คํฌ๋ฆฝํธ'๋ ์ผ๋จ ์ปฌ๋ฌ๋ค. ์จ์ - ํ์ด๋ณด๋ฉด ์ฌ์ง๋ค๋ ๋ง๊ณ , ๊ฐ์กฐํ๊ณ ์ถ์ ๋ด์ฉ๋ค์๋ ํ์ด๋ผ์ดํ ๋ ๋์ด์๋ค. ๋จ์ํ ์ปฌ๋ฌ๋ผ์ ์ข๋ค,๊ฐ ์๋๋ผ ์ฝ๋ค๋ฉด์ ์ง์ค๋ ฅ์ด ํ๋ฆฟํด์ ธ๋ ํธํก์ ์งง๊ฒ ๊ฐ์ ธ๊ฐ๊ณ ์ค์ํ ์ ๋ณด๋ค์ ์๊ฐ์ ์ผ๋ก ๊ฐ์กฐ๋ฅผ ํด์ฃผ๊ธฐ ๋๋ฌธ์ easy-reading์ด ๋๋ค๋ ๊ฒ์ด๋ค.
๋ํ, ์ฑ ์ ํ๋ฆ์ด ๊ต์ฅํ ์ข์๋ค. ๋ด๊ฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด์ ํด๋น ์์ ๋ฅผ ๋ง๋ ๋ค๊ณ ํ์ ๋ ๊ฒช์ ์ค์๋ค์ ํ๋ฆ์ด ๊ฑฐ์ ๋์ผํ๊ฒ ํ๋ฌ๊ฐ๋ค. ๊ทธ ๊ณผ์ ์์ ์ด๋ฌํ ์ ๊ทผ์ด ์ ๊ฒฐ๊ณผ๋ก ์ ์ผ๋ก ์ด๋ฃจ์ด์ง์ง ์๋์ง์ ๋ํด์ ์์ ๋์ด์๊ณ , ๊ทธ ๊ณผ์ ์์ ๊ฐ๋ ์ง์๋ค์ ์ต๋ํ ์ ์์ด์ ์ข์๋ค.
์ฌ์ค DOM, defer ์ ์ธ ๋ฑ ์๊ณ ์์๋ ๊ฐ๋ ๋ค์ ๋ค์ ์ง์ด ๊ฐ๋ ๊ฒ๋ง์ผ๋ก๋ ์ํ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ๋กฑํ ๋ฉ๋ชจ๋ฆฌ๋ก ๋ฐ๊ฟ์ฃผ๋ ์ญํ ์ ํด์คฌ๋ค. ์ด ์ฑ ์ ์กฐ๊ธ ๋ฎ์ ๋์ด๋๋ฅผ ๋ค๋ฃจ๊ณ ์๊ธฐ ๋๋ฌธ์ ๋ด๊ฐ ์๊ณ ์์๋, ์ค์ํ์ง๋ง ์ ์ ๋ค๋ฅธ ์ง์๋ค์ ๊ฐ์ถฐ์ ธ์๋ ๋ฐฉ์ฌํ๊ณ ์์๋ ์ง๋ฌธ๋ค์ ๋ํด์ ๋ตํด์ฃผ๊ณ ์์ด์ ์ข์๋ค.
'๋์ ๋์ > ์ฑ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[์ฑ ] ๋๋ ๋ค์ด๋ฒ ํ๋ฐํธ์๋ ๊ฐ๋ฐ์์ ๋๋ค / ๊ฐ๋ฐ์ ํ๊ณ (0) | 2023.10.05 |
---|