[TIL] JavaScript๐Ÿ“‹

jay__ssยท2021๋…„ 11์›” 8์ผ
0

JavaScript

๋ชฉ๋ก ๋ณด๊ธฐ
1/3
post-thumbnail

JavaScript?

โ€˜์›นํŽ˜์ด์ง€์— ์ƒ๋™๊ฐ์„ ๋ถˆ์–ด๋„ฃ๊ธฐ ์œ„ํ•ดโ€™ ๋งŒ๋“ค์–ด์ง„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ด๋‹ค.
html์ด ๋ผˆ๋Œ€, css๊ฐ€ ์‚ด์„ ๋ถ™์ธ ๊ฑฐ๋ผ๋ฉด, JS๋Š” ์•ž์„œ ๋งŒ๋“  ์ƒ๋ช…์ฒด๊ฐ€ ์›€์ง์ด๊ฒŒ ๋งŒ๋“œ๋Š” ๋…€์„์ด๋‹ค.

์Šคํฌ๋ฆฝํŠธ(script) : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ž‘์„ฑํ•œ ํ”„๋กœ๊ทธ๋žจ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ธŒ๋ผ์šฐ์ €๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์„œ๋ฒ„์—์„œ๋„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค.
๋” ๋งํ•˜๋ฉด, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ํƒ‘์žฌ๋œ ๋ชจ๋“  ๊ธฐ๊ธฐ์—์„œ ๋™์ž‘ํ•œ๋‹ค.
์—ฌ๊ธฐ์„œ ๋งํ•˜๋Š” ์—”์ง„์€ ๋‹ค์–‘ํ•œ๋ฐ, ์—”์ง„๋งˆ๋‹ค์˜ ๋„ค์ž„์ด ์žˆ๋‹ค.

  • V8 โ€“ Chrome๊ณผ Opera
  • SpiderMonkey โ€“ Firefox
  • IE๋Š” ๋ฒ„์ „์— ๋”ฐ๋ผ 'Tridentโ€™๋‚˜ 'Chakraโ€™๋ผ ๋ถˆ๋ฆฌ๋Š” ์—”์ง„์„ ์‚ฌ์šฉ.
    'ChakraCoreโ€™๋Š” Microsoft Edge์— ์‚ฌ์šฉ๋˜๋ฉฐ, 'SquirrelFishโ€™๋Š” Safari์— ์‚ฌ์šฉ.

์—”์ง„์˜ ๋™์ž‘ ์›๋ฆฌ (simple)
1. ์—”์ง„์ด ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฝ์Œ = ํŒŒ์‹ฑ
2. ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ธฐ๊ณ„์–ด๋กœ ์ „ํ™˜ = ์ปดํŒŒ์ผ
3. ์ „ํ™˜๋œ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰ (๊ธฐ๊ณ„์–ด๋กœ ์ „ํ™˜๋˜์–ด ์‹คํ–‰ ์†๋„๊ฐ€ ๋น ๋ฆ„)

๋งค๋ฌด๋งค์šฐ ๋‹จ์ˆœํ•˜๊ฒŒ ํ‘œํ˜„ํ•œ ๊ฒƒ์ด๋ฏ€๋กœ, ์‚ด์ง ์ดํ•ด๋งŒ ํ•˜๊ณ  ๋„˜์–ด๊ฐ€์ž.

Why JavaScript?

  • HTML/CSS์™€ ์™„์ „ํžˆ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ์Œ
  • ๊ฐ„๋‹จํ•œ ์ผ์€ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คŒ
  • ๋ชจ๋“  ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€์›ํ•˜๊ณ , ๊ธฐ๋ณธ ์–ธ์–ด๋กœ ์‚ฌ์šฉ๋จ

์œ„์˜ ํŠน์„ฑ๋งŒ ๋ณด๋ฉด ์›น ์ƒ์—์„œ์˜ ์ตœ๊ณ  ๊ถŒ์œ„์ž๋ผ๊ณ  ๋งํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ํ˜„์žฌ์—์„œ๋Š” ์›น๋งŒ์ด ์•„๋‹Œ ๋‹ค์–‘ํ•œ ํ™˜๊ฒฝ์—์„œ ์“ฐ์ธ๋‹ค.
์–ด๋– ํ•œ ์–ธ์–ด๋ฅผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋ณ€ํ™˜์‹œ์ผœ์„œ ์“ฐ๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋•Œ, ๋ณ€ํ™˜์„ ํŠธ๋žœ์ŠคํŒŒ์ผ์ด๋ผ ํ•œ๋‹ค.

โœ… ๋์œผ๋กœ

JS๋Š” Front-end๊ฐœ๋ฐœ์˜ ์‹œ์ž‘์ ์ด๋ผ๊ณ  ๋ด๋„ ๋ฌด๋ฐฉํ•˜๋‹ค. JS์˜ ๊ณต๋ถ€๊ฐ€ ์™„๋ฒฝํ•˜๊ฒŒ(ํž˜๋“ค๊ฒ ์ง€๋งŒ) ์ด๋ฃจ์–ด์ง„๋‹ค๋ฉด, ๋‹ค์Œ ๋ ˆ๋ฒจ๋กœ์˜ ๋„์•ฝ์€ ๋”์šฑ ์‰ฌ์›Œ์ง€๊ธฐ ๋งˆ๋ จ์ด๋‹ค. ํ•™์Šต ์ปค๋ธŒ์˜ ๊ฒฝ์‚ฌ๋Š” ์ดˆ๋ฐ˜์—๋Š” ๊ธ‰ํ•˜๊ณ  ๋‚˜์ค‘์—๋Š” ์™„๋งŒํ•ด์ง€๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์Šต๋“ํ•˜๊ธฐ์—๋Š” ํฐ ์–ด๋ ค์›€์ด ์žˆ๊ฒ ์ง€๋งŒ ๋‚˜์ค‘์„ ์œ„ํ•œ ์ค€๋น„๋ผ๊ณ  ์ƒ๊ฐํ•˜์ž.

profile
๐Ÿ˜‚๊ทธ๋ƒฅ ์ง์ง„ํ•˜๋Š” (์˜ˆ๋น„)๊ฐœ๋ฐœ์ž

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