Orientation

JavaScript๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

JavaScript๋ผ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ์›น๋ธŒ๋ผ์šฐ์ € ํ˜•ํƒœ์˜, ์›น๋ธŒ๋ผ์šฐ์ €๋กœ ๋ถ„๋ฅ˜๋˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋“ค์„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์œผ๋กœ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•œ ์–ธ์–ด์ด๋‹ค.

<html>
<body>
<input type=โ€œbuttonโ€ onclick=โ€œalert(โ€˜Hello worldโ€™)โ€ value=โ€œHello worldโ€ /> //ํด๋ฆญ ์‹œ alert๋ฅผ ๋„์šฐ๋Š” javascript code
</body>
</html>

์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ๋™์ž‘์„ ํ–ˆ์„ ๋•Œ ์–ด๋–ค ์ผ์ด ์ผ์–ด๋‚˜๋„๋ก ํ•˜๊ณ ์ž ํ•  ๋•Œ javascript๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

ํƒˆ์›น๋ธŒ๋ผ์šฐ์ €

์ด์   ๋”์ด์ƒ js๊ฐ€ ์›น๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•ด์„œ๋งŒ ์ด์šฉ๋˜์ง„ ์•Š๋Š”๋‹ค. ์›น ์•ˆ์—์„œ๋งŒ ์‚ฌ์šฉ๋˜๋‹ค๊ฐ€ ์›น ๋ฐ–์—์„œ๋„ ์‚ฌ์šฉ๋˜์–ด JavaScript๋กœ ์›น์„œ๋ฒ„์™€ ์›น๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ต์ผ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค. ์›น์„œ๋ฒ„๋ฅผ ๋™์ž‘ํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•œ ์–ธ์–ด๋ฅผ โ€œserver side scriptโ€๋ผ๊ณ  ํ•˜๊ณ , ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋™์ž‘ํ•˜๋Š” script๋Š” โ€œclient side scriptโ€๋ผ๊ณ  ํ•œ๋‹ค(๋Œ€ํ‘œ์  ๊ธฐ์ˆ  : node.js). ์›น์„œ๋ฒ„์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋Œ€ํ‘œ์ ์ธ ๊ธฐ์ˆ ์€ php, java, python, ๋ฃจ๋น„ ๊ฐ€ ์žˆ๋‹ค. ์„œ๋ฒ„ ์ชฝ ์–ธ์–ด๋กœ๋Š” node.js๊ฐ€ ์žˆ๋‹ค.

Google Apps Script

JavaScript์˜ ๋ฌธ๋ฒ•์— ๋”ฐ๋ผ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค. ์•„๋ž˜์˜ ์ฝ”๋“œ๋Š” ๊ตฌ๊ธ€ ์Šคํ”„๋ ˆ๋“œ ์‹œํŠธ๊ฐ€ ์—ด๋ ธ์„ ๋•Œ, 'Hello World' ๋ผ๋Š” ๋ฉ”์‹œ์ง€ ์ฐฝ์„ ์ถœ๋ ฅํ•œ๋‹ค.

function onOpen() {
    var name = Browser msgBox('Hello World');//msgBox๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ฃผ๋Š” ๋ฉ”์‹œ์ง€ ๋ฐ•์Šค.
}

์‚ฌ์šฉํ™˜๊ฒฝ

ex) ์›น ๋ธŒ๋ผ์šฐ์ €, node.js, Google SpreadSheet ๋“ฑ

์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ํ™˜๊ฒฝ์— ๋”ฐ๋ผ ์‚ฌ์šฉ๋ฒ•์ด ์กฐ๊ธˆ์”ฉ ๋‹ค๋ฅด๋‹ค.

๊ฐ™์€ JavaScript๋ฅผ ์‚ฌ์šฉํ•˜๋”๋ผ๋„ alert-์›น๋ธŒ๋ผ์šฐ์ €, write-node.js, msgBox-Google SpreadSheet ๊ฐ€ ๋œ๋‹ค.

Last updated