๐Ÿ’ญ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์„ ํ•œ ๋ฒˆ์— ๋กœ๋”ฉํ–ˆ์„ ๋•Œ์˜ ๋ฌธ์ œ์ 

์€์œ ๋กœ๊ทธยท2021๋…„ 12์›” 22์ผ
0

๐Ÿ“š study

๋ชฉ๋ก ๋ณด๊ธฐ
17/21
post-thumbnail

Q.

๋ชจ๋“  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์„ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ•œ ๋ฒˆ์— ๋กœ๋”ฉ ํ•  ๋•Œ์˜ ๋ฌธ์ œ์ ์ธ ์ด์œ 

A.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์„ ํ•ด์„ํ•˜๋Š” ๋™์•ˆ HTML ํ•ด์„์ด ๋ฉˆ์ถ”๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ์ž๋Š” ํŽ˜์ด์ง€๋ฅผ ๋ณด๊ธฐ๊นŒ์ง€ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฝ๋‹ˆ๋‹ค. ๋Œ€๊ธฐ ์‹œ๊ฐ„์ด ๊ธธ์–ด์ง€๋Š” ๋งŒํผ ์ข‹์ง€ ์•Š์€ ์œ ์ € ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.


HTML์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„  <script> ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•ฉ๋‹ˆ๋‹ค!

์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ž‘์„ฑ๋œ ์ฝ”๋“œ๋ฅผ ํ•ด์„ํ•˜๋Š” ๊ณผ์ •์—์„œ <script> ํƒœ๊ทธ๋ฅผ ๋งŒ๋‚˜๋ฉด ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ์ž ์‹œ HTML ํ•ด์„์„ ๋ฉˆ์ถ”๊ณ  <script> ํƒœ๊ทธ๋ฅผ ๋จผ์ € ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. <script> ํƒœ๊ทธ๋Š” ๋“ฑ์žฅ๊ณผ ํ•จ๊ป˜ ๋ฐ”๋กœ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค!

๐Ÿ“ฉ<script> ํƒœ๊ทธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•

  1. <head> ํƒœ๊ทธ์— ์ถ”๊ฐ€
  2. <body> ํƒœ๊ทธ์— ์ถ”๊ฐ€

์ด ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ•์˜ ์ฐจ์ด์ ์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

๐Ÿง  <head>์— ์œ„์น˜ํ•  ๋•Œ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋™์•ˆ HTML ํŒŒ์‹ฑ์„ ์ค‘๋‹จํ•˜๊ณ  ์›น ํŽ˜์ด์ง€๋Š” ๋Œ€๊ธฐ ์ƒํƒœ๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์ด๋ฅผ ๋ธ”๋ก๋ชจ๋“œ๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค.

๐Ÿ‘• <body>์— ์œ„์น˜ํ•  ๋•Œ

HTML ํŒŒ์‹ฑ์„ ๋ชจ๋‘ ๋๋‚ด๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋Œ€๊ธฐ ์ƒํƒœ๊ฐ€ ์ค„์–ด๋“ญ๋‹ˆ๋‹ค.

๐Ÿค” ๊ทธ๋Ÿผ <script> ํƒœ๊ทธ๋ฅผ ์–ด๋””์— ์œ„์น˜ํ•˜๋ฉด ์ข‹์„๊นŒ์š”?

<script> ํƒœ๊ทธ๋ฅผ <body>์˜ ๋๋‚˜๊ธฐ ์ง์ „์— ๋„ฃ์–ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ์‚ฌ์šฉ์ž์—๊ฒŒ ์›น ํŽ˜์ด์ง€๋ฅผ ๋จผ์ € ๋ณด์—ฌ์ค€ ๋’ค (HTML ํƒœ๊ทธ ์ถœ๋ ฅ) ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์˜ค๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

profile
เน‘โ€ขโ€ฟโ€ขเน‘

0๊ฐœ์˜ ๋Œ“๊ธ€