๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•
SMALL

Language/Javascript26

[Javascript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฃจํ”„ ์™„์ „ ์ •๋ณต: ๋ฐ˜๋ณต๋ฌธ ์‚ฌ์šฉ๋ฒ•๊ณผ ํŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐ˜๋ณต๋ฌธ์€ ํ•„์ˆ˜์ ์ธ ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ๋ฐ˜๋ณต๋ฌธ์€ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด์™€ ๊ฐ™์€ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋‹ค์–‘ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ˜๋ณต๋ฌธ์„ ์ดํ•ดํ•˜๊ณ  ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿ“š์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ˜๋ณต๋ฌธ์˜ ์ข…๋ฅ˜๐Ÿ”„๋ฐ˜๋ณต๋ฌธ ํ™œ์šฉ ์‚ฌ๋ก€๐Ÿ› ๏ธ๊ณ ๊ธ‰ ํ™œ์šฉ ๋ฐ ์ตœ์ ํ™”๐Ÿš€ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€๋ฐ˜๋ณต๋ฌธ์€ ์กฐ๊ฑด๋ฌธ๊ณผ ์ž์ฃผ ๊ฒฐํ•ฉ๋ฉ๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์กฐ๊ฑด๋ฌธ์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์ •๋ณด๋Š” ์•„๋ž˜ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”! ๐Ÿ‘€" "[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ ์™„์ „ ์ •๋ณต: ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ ํ•œ ๋ฒˆ์— ๋ฐฐ์šฐ๊ธฐ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ์€ ๋กœ์ง์„ ์ œ์–ดํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋‹ค์–‘ํ•œ ์กฐ๊ฑด๋ฌธ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ , ์ดˆ๋ณด์ž๋„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์˜ˆ์ œ์™€ ์‹ค์Šต์„ ํ†ตํ•ด.. 2024. 6. 15.
[Javascript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ ์™„์ „ ์ •๋ณต: ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ ํ•œ ๋ฒˆ์— ๋ฐฐ์šฐ๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ์€ ๋กœ์ง์„ ์ œ์–ดํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋‹ค์–‘ํ•œ ์กฐ๊ฑด๋ฌธ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ , ์ดˆ๋ณด์ž๋„ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์˜ˆ์ œ์™€ ์‹ค์Šต์„ ํ†ตํ•ด ํ™œ์šฉ๋ฒ•์„ ์ตํ˜€๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ์กฐ๊ฑด๋ฌธ์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๐Ÿ“šif ๋ฌธโœ…else์™€ else if๐Ÿ”„switch ๋ฌธ๐Ÿ”€์‚ผํ•ญ ์—ฐ์‚ฐ์ž๐ŸŽญ์‹ค์Šต ๋ฌธ์ œ๐Ÿ› ๏ธ๊ณ ๊ธ‰ ์กฐ๊ฑด๋ฌธ ์‚ฌ์šฉ๋ฒ•๐Ÿš€ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ๊ฑด๋ฌธ์€ ์—ฐ์‚ฐ์ž์™€ ํ•จ๊ป˜ ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์•„๋ž˜ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”๐Ÿ˜" "[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž ์™„๋ฒฝ ๊ฐ€์ด๋“œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋Š” ๋ณ€์ˆ˜์™€ ๊ฐ’์„ ์กฐ์ž‘ํ•˜๋Š” ๋ฐ ์žˆ์–ด ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๋‹ค๋ฃจ๋Š” ๋‹ค์–‘ํ•œ ์—ฐ์‚ฐ์ž์˜ ์„ค๋ช…์„ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•˜๊ณ  ํšจ์œจ์ ์œผ๋กœ ํ™œ์šฉ.. 2024. 6. 14.
[Javascript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž ์™„๋ฒฝ ๊ฐ€์ด๋“œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋Š” ๋ณ€์ˆ˜์™€ ๊ฐ’์„ ์กฐ์ž‘ํ•˜๋Š” ๋ฐ ์žˆ์–ด ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ๋‹ค๋ฃจ๋Š” ๋‹ค์–‘ํ•œ ์—ฐ์‚ฐ์ž์˜ ์„ค๋ช…์„ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—ฐ์‚ฐ์ž๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•˜๊ณ  ํšจ์œจ์ ์œผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ๊ธฐ๋ณธ ์—ฐ์‚ฐ์ž๐Ÿ”ขํ• ๋‹น ์—ฐ์‚ฐ์ž๐Ÿ› ๏ธ๋น„๊ต ์—ฐ์‚ฐ์žโš–๏ธ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๐Ÿ”„์‚ผํ•ญ ์กฐ๊ฑด ์—ฐ์‚ฐ์žโ“๊ธฐํƒ€ ์—ฐ์‚ฐ์ž๐Ÿ› ๏ธ์—ฐ์‚ฐ์ž ์šฐ์„ ์ˆœ์œ„๐Ÿ“Šํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€01. ๊ธฐ๋ณธ ์—ฐ์‚ฐ์ž๐Ÿ”ข1. ์‚ฐ์ˆ ์—ฐ์‚ฐ์žJavaScript์—์„œ์˜ ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž๋Š” ์ˆซ์žํ˜• ๋ฐ์ดํ„ฐ๋ฅผ ์ด์šฉํ•˜์—ฌ ์ˆ˜ํ•™์ ์ธ ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ฃผ์š” ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.1. ๋ง์…ˆ (+)๋ง์…ˆ ์—ฐ์‚ฐ์ž๋Š” ์ˆซ์ž๋ฅผ ๋”ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.let a = 5;let b = 3;let sum = a + b; // 5 + 3console.log(sum); // ์ถœ๋ ฅ: 82. ๋บ„์…ˆ (-)๋บ„์…ˆ .. 2024. 6. 13.
[Javascript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž๋ฃŒํ˜• ๊ฐ€์ด๋“œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž๋ฃŒํ˜•์„ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ๊ธฐ์ดˆ์ด์ž ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋‹ค์–‘ํ•œ ์ž๋ฃŒํ˜•์„ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ฌํ™”๊นŒ์ง€ ์ž์„ธํžˆ ๋‹ค๋ฃน๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ์ž๋ฃŒํ˜•์˜ ์ข…๋ฅ˜๐Ÿ“š๊ธฐ๋ณธ ์ž๋ฃŒํ˜• ์ƒ์„ธ ์„ค๋ช…๐Ÿ” ์ฐธ์กฐ ์ž๋ฃŒํ˜• ์ƒ์„ธ ์„ค๋ช…๐Ÿงฉ ์ž๋ฃŒํ˜• ๋ณ€ํ™˜๐Ÿ”„ ์ž๋ฃŒํ˜• ํ™•์ธ ๋ฐฉ๋ฒ•๐Ÿ” ์‹ฌํ™” ๋‚ด์šฉ๐Ÿ“˜ ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€ ์ž๋ฃŒํ˜•์˜ ์ข…๋ฅ˜๐Ÿ“š๊ธฐ๋ณธ ์ž๋ฃŒํ˜• (Primitive Types)์ˆซ์ž(Number): ์ •์ˆ˜์™€ ์‹ค์ˆ˜๋ฅผ ๋ชจ๋‘ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ex) let age = 25;๋ฌธ์ž์—ด(String): ๋ฌธ์ž์—ด ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค. ex) let name = "John";๋ถˆ๋ฆฌ์–ธ(Boolean): ์ฐธ(true) ๋˜๋Š” ๊ฑฐ์ง“(false)์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ex) let isStudent = true;null: ์˜๋„์ ์œผ๋กœ ๊ฐ’์ด ์—†์Œ์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ex) .. 2024. 6. 12.
[Javascript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜ ์ดํ•ดํ•˜๊ธฐ: var, let, const ์ฐจ์ด์  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•ต์‹ฌ ์š”์†Œ๋กœ, ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ  ์กฐ์ž‘ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ž์„ธํžˆ ์„ค๋ช…ํ•˜๊ณ , var, let, const์˜ ์ฐจ์ด์ ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ๋ถ„์„ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋ž€?๐Ÿ”๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ•โœ๏ธvar, let, const ์ฐจ์ด์ โš–๏ธ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™”์™€ ํ• ๋‹น๐ŸŽฏ๋ณ€์ˆ˜๋ช… ์ž‘์„ฑ ๊ทœ์น™๐Ÿ“ํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€01. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€์ˆ˜๋ž€?๐Ÿ”๋จผ์ €, ๋ณ€์ˆ˜๋ž€ ๋ฌด์—‡์ผ๊นŒ์š”? ๊ฐ„๋‹จํžˆ ๋งํ•ด, ๋ณ€์ˆ˜๋Š” ๊ฐ’์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค. ๋ณ€์ˆ˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ , ๊ทธ ๋ฐ์ดํ„ฐ๋ฅผ ํ•„์š”ํ•  ๋•Œ ๋‹ค์‹œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด ์ค๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋Š” ๋‹ค์–‘ํ•œ ํƒ€์ž…์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋Ÿฌํ•œ ์œ ์—ฐ์„ฑ ๋•๋ถ„์— ๋‹ค์–‘ํ•œ ์ƒํ™ฉ์—์„œ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค... 2024. 6. 11.
[Javascript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ ํŠœํ† ๋ฆฌ์–ผ: ๋‚ด๋ถ€ ๋ฐ ์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ, ์ฃผ์„ ๋ฐ ๋””๋ฒ„๊น… ์›น ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๋ฉด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์šฐ๋Š” ๊ฒƒ์€ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฒ˜์Œ ๋ฐฐ์šฐ๋Š” ๋ถ„๋“ค์„ ์œ„ํ•ด ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ์™€ ์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ์˜ ์‚ฌ์šฉ๋ฒ•, ์ฃผ์„์„ ํ†ตํ•ด ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ์„ ๋†’์ด๋Š” ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์˜ค๋ฅ˜๋ฅผ ํ™•์ธํ•˜๊ณ  ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ๋„ค ๊ฐ€์ง€ ์ฃผ์ œ๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ธฐ์ดˆ๋ฅผ ํƒ„ํƒ„ํžˆ ๋‹ค์ ธ๋ด…์‹œ๋‹ค.โ‰ฃ ๋ชฉ์ฐจ๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ“˜์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ‘จ‍๐Ÿ’ป์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฃผ์„๐Ÿ“์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜ค๋ฅ˜ ํ™•์ธ ๋ฐฉ๋ฒ•๐Ÿ› ๏ธํ•ต์‹ฌ ๋‚ด์šฉ๐Ÿ‘€01. ๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ“˜์ •์˜๋‚ด๋ถ€์Šคํฌ๋ฆฝํŠธ๋Š” HTML ํŒŒ์ผ ๋‚ด์— ์ง์ ‘ ์ž‘์„ฑํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. 02. ์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ๐Ÿ‘จ‍์ •์˜์™ธ๋ถ€์Šคํฌ๋ฆฝํŠธ๋Š” ๋ณ„๋„์˜. js ํŒŒ์ผ๋กœ ์ž‘์„ฑ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. HTML ํŒŒ์ผ์—์„œ๋Š” ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์™ธ๋ถ€ ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ต๋‹ˆ๋‹ค.์žฅ์ ์ฝ”๋“œ์˜ ๋ชจ๋“ˆํ™”: .. 2024. 6. 10.
728x90
๋ฐ˜์‘ํ˜•