<script>
HTML ํ์ฑ์ด ์ค๋จ๋๊ณ ์ฆ์ ์คํฌ๋ฆฝํธ๊ฐ ๋ก๋๋๋ฉฐ, ๋ก๋๋ ์คํฌ๋ฆฝํธ๊ฐ ์คํ๋๊ณ ํ์ฑ์ด ์ฌ๊ฐ๋๋ค.
<script async>
HTML ํ์ฑ๊ณผ ๋ณ๋ ฌ์ ์ผ๋ก ๋ก๋๊ฐ ๋๋๋ฐ, ์คํฌ๋ฆฝํธ๋ฅผ ์คํํ ๋๋ ํ์ฑ์ด ์ค๋จ๋๋ค. ๊ตฌ๊ธ ์ ๋๋ฆฌํฑ์ค์ ๊ฐ์ด ๋ค๋ฅธ ์คํฌ๋ฆฝํธ๊ฐ ์์กดํ์ง ์๋ ๋ ์์ ์ธ ์คํฌ๋ฆฝํธ๋ฅผ ๋ก๋ํ ๋ ์ ํฉํ๋ค.
<script defer>
HTML ํ์ฑ๊ณผ ๋ณ๋ ฌ์ ์ผ๋ก ๋ก๋๊ฐ ๋๋๋ฐ, ํ์ฑ์ด ๋๋๊ณ ์คํฌ๋ฆฝํธ๋ฅผ ๋ก๋ํ๋ค. ๋ณดํต <body> ํ๊ทธ ์ง์ ์ <script>๋ฅผ ์ฝ์ ํ๋ ๊ฒ๊ณผ ๋์์ ๊ฐ์ง๋ง, ๋ธ๋ผ์ฐ์ ํธํ์ฑ์์ ๋ค๋ฅผ ์ ์์ผ๋ฏ๋ก ๊ทธ๋ฅ <body> ํ๊ทธ ์ง์ ์ ์ฝ์ ํ๋ ๊ฒ์ด ์ข๋ค.
โ ์ฃผ์ํ ์ ์, async์ defer์ ๊ฒฝ์ฐ src ์์ฑ์ด ์์ผ๋ฉด ์ ์ฉ๋์ง ์๋๋ค.
๋ณด๋ค ์์ธํ ๋ด์ฉ์ ์ฌ๊ธฐ์์๋ ํ์ธํ ์ ์๋ค.
์ฐธ๊ณ
https://github.com/baeharam/Must-Know-About-Frontend/blob/main/Notes/html/script-tag-type.md
'elice > study' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[BE] ๋ผ์ฐํ (Routing) (0) | 2022.02.14 |
---|---|
[CS] ์๋งจํฑ ๋งํฌ์ (0) | 2022.02.14 |
[CS] local storage vs session storage vs cookie (0) | 2022.02.10 |
[CS] data- ์์ฑ (0) | 2022.02.10 |
[DB] HTTP Method | GET, POST (0) | 2022.02.07 |