Skip to main content Link Menu Expand (external link) Document Search Copy Copied

JavaScript ๊ธฐ์ดˆ


JavaScript ์˜ ๊ธฐ๋ณธ


JavaScript ์ฝ”๋“œ๋Š” ๋ณดํ†ต <body> ํƒœ๊ทธ ์•ˆ์— ๋„ฃ๊ณ , <script> ํƒœ๊ทธ๋กœ ๊ฐ์‹ธ์•ผ ์ธ์‹์ด ๋œ๋‹ค.

<body>
	<script>
	
	</script>
</body>


.js ํŒŒ์ผ์„ css ํŒŒ์ผ์„ ๋งŒ๋“ค์—ˆ๋“ฏ์ด, ์ƒ์„ฑํ•œ ๋’ค HTML์— ์ ์šฉ์‹œํ‚ค๊ธฐ ์œ„ํ•ด์„œ๋Š”, ์˜ˆ๋ฅผ ๋“ค์–ด test.js ํŒŒ์ผ์ด ์žˆ๋‹ค๊ณ  ํ• ๋•Œ, ์ด ํŒŒ์ผ ์•ˆ์˜ ๋‚ด์šฉ์„ ์ ์šฉ์‹œํ‚ค๊ธธ ์›ํ•˜๋Š” ๋ถ€๋ถ„์— <script src = "test.js"> </script> ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๋œ๋‹ค.

<body>
	<script src = "test.js">	</script>
</body>


JavaScript์—์„œ ๋ณ€์ˆ˜ ์„ ์–ธ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ•œ๋‹ค.

<script>
var name = '๊น€์ฒ ์ˆ˜';
var num = 1;
var power = false;
var num2 = 1.2;
var array = [1,2,3,4,5,6];

document.write(typeof name);
//typeof ๋Š” ๋ณ€์ˆ˜์˜ ๋ฐ์ดํ„ฐ ํ˜•์‹์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. (String,int,float,bool ๋“ฑ๋“ฑ)

array.push(7);
</script>

doucument.write() ๋Š” ์›ํ•˜๋Š” ๋ฌธ์ž์—ด์„ ์ถœ๋ ฅํ•ด์ฃผ๋Š” ๋ฉ”์„œ๋“œ์ด๋‹ค. HTML ์˜ <p> ํƒœ๊ทธ์™€ ์œ ์‚ฌํ•œ ๊ธฐ๋Šฅ์ด๋‹ค.

document.write("์•ˆ๋…•") ์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค.


.push() ๋Š” ๋ฐฐ์—ด ๋งˆ์ง€๋ง‰ ๊ฐ’์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฉ”์„œ๋“œ์ด๋‹ค. ์ž๋ฐ” ๋ฌธ๋ฒ•์—์„œ list ํด๋ž˜์Šค์˜ add์™€ ์œ ์‚ฌํ•œ ๊ธฐ๋Šฅ์ด๋‹ค.


๊ทธ๋ฆฌ๊ณ , JavaScript๋Š” ๋ฐฐ์—ด์— .indexOf() ๋งค์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

๋˜ํ•œ.sort() ๋ฉ”์„œ๋“œ๋ฅผ ๋ฐฐ์—ด์— ์‚ฌ์šฉํ•˜์—ฌ ์ •๋ ฌํ•  ์ˆ˜ ์žˆ๊ณ ,


.sort((a,b)=>a-b) ์™€ ๊ฐ™์ด ์ž๋ฐ”์˜ ๋žŒ๋‹ค์‹๊ณผ ๋น„์Šทํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ์กฐ๊ฑด์„ ์ถ”๊ฐ€ํ• ์ˆ˜ ์žˆ๋‹ค.

์•ˆ์— ์žˆ๋Š” ์กฐ๊ฑด์‹์ด ์–‘์ˆ˜๋ฉด ์œ„์น˜๋ฅผ ๋ฐ”๊พธ๋Š” ์ž๋ฐ”์˜ Comparator ์™€ ์œ ์‚ฌํ•˜๋‹ค.