์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

<script> ์„ ์–ธ ์œ„์น˜

๐ŸŒŠwave 2021. 3. 21. 20:07

 

 

1.head ์•ˆ

DOM์š”์†Œ ๋ณ€ํ™˜

JS๋ฅผ ๋‹ค์šด๋ฐ›์•„์•ผํ•จ

ํ•„์š”ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋‹ค์šด ํ›„ parsing

 

๋‹จ์ :์†๋„

 

2.body ๋๋ถ€๋ถ„

jsp์— ์˜์กด์ ์ด๋ผ๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ์ •์ƒํŽ˜์ด์ง€๋ฅผ ๋ณด๊ธฐ ์ „๊นŒ์ง€ ๊ธฐ๋‹ค๋ ค์•ผํ•จ

 

3.asyn

๋ณ‘๋ ฌ๋กœ jsp ๋‹ค์šด๋กœ๋“œ. parsing์„ ์ง„ํ–‰ํ•˜๋‹ค๊ฐ€ ๋‹ค์šด๋กœ๋“œ๊ฐ€ ์™„๋ฃŒ๋˜๋ฉด ํŒŒ์‹ฑ๋œ ๊ฒƒ์„ ๋ฉˆ์ถ”๊ณ  jsp ์‹คํ–‰

 

4.defer

html์„ ์ „๋ถ€ parsing ํ›„ jsp ๋‹ค์šด๋กœ๋“œ ์‹คํ–‰

(์•ˆ์ •์ ,์ถ”์ฒœ)

 

---

jsํŒŒ์ผ ์ž‘์„ฑ ์‹œ

๊ฐ€์žฅ ์œ—๋‹จ์—

'use strict';

 

์„ ์–ธํ•˜๋ฉด ์ข‹๋‹ค.

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋งค์šฐ ์œ ์—ฐํ•œ ์–ธ์–ด๋ผ ๊ฐ€์ด๋“œ๊ฐ€ ์—†๋Š”๋ฐ

์ด๋ฅผ ์„ ์–ธํ•ด์ฃผ๋ฉด ECMAScript 5 ๊ฐ€์ด๋“œ๋ฅผ ์žก์•„์ค˜์„œ

์ด์ƒํ•œ ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅ ์‹œ ํ„ฐ์ง€๊ฒŒ ํ•œ๋‹ค.

ex) a = 9;