[CS] script, script async, script defer
elice/study

[CS] script, script async, script defer

<script>

HTML ํŒŒ์‹ฑ์ด ์ค‘๋‹จ๋˜๊ณ  ์ฆ‰์‹œ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋กœ๋“œ๋˜๋ฉฐ, ๋กœ๋“œ๋œ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๊ณ  ํŒŒ์‹ฑ์ด ์žฌ๊ฐœ๋œ๋‹ค.

 

<script async>

HTML ํŒŒ์‹ฑ๊ณผ ๋ณ‘๋ ฌ์ ์œผ๋กœ ๋กœ๋“œ๊ฐ€ ๋˜๋Š”๋ฐ, ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ๋•Œ๋Š” ํŒŒ์‹ฑ์ด ์ค‘๋‹จ๋œ๋‹ค. ๊ตฌ๊ธ€ ์• ๋„๋ฆฌํ‹ฑ์Šค์™€ ๊ฐ™์ด ๋‹ค๋ฅธ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์˜์กดํ•˜์ง€ ์•Š๋Š” ๋…์ž์ ์ธ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋กœ๋“œํ•  ๋•Œ ์ ํ•ฉํ•˜๋‹ค.

 

<script defer>

HTML ํŒŒ์‹ฑ๊ณผ ๋ณ‘๋ ฌ์ ์œผ๋กœ ๋กœ๋“œ๊ฐ€ ๋˜๋Š”๋ฐ, ํŒŒ์‹ฑ์ด ๋๋‚˜๊ณ  ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋กœ๋“œํ•œ๋‹ค. ๋ณดํ†ต <body> ํƒœ๊ทธ ์ง์ „์— <script>๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๊ฒƒ๊ณผ ๋™์ž‘์€ ๊ฐ™์ง€๋งŒ, ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ์—์„œ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ทธ๋ƒฅ <body> ํƒœ๊ทธ ์ง์ „์— ์‚ฝ์ž…ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

 

โ— ์ฃผ์˜ํ•  ์ ์€, async์™€ defer์˜ ๊ฒฝ์šฐ src ์†์„ฑ์ด ์—†์œผ๋ฉด ์ ์šฉ๋˜์ง€ ์•Š๋Š”๋‹ค.

 

๋ณด๋‹ค ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์—ฌ๊ธฐ์—์„œ๋„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

 

์ถœ์ฒ˜:&amp;amp;nbsp;https://github.com/baeharam/Must-Know-About-Frontend/blob/main/images/html/script.png

 

 

 

์ฐธ๊ณ 

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