profile
๐Ÿš€ํ‹ฐ๋Œ๋ชจ์•„ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž

TIL 211227

String > str[0] = 'S'์ฒ˜๋Ÿผ ์ด๋ฏธ ์ƒ์„ฑ๋œ ๋ฌธ์ž์—ด์˜ ์ผ๋ถ€ ๋ฌธ์ž๋ฅผ ๋ณ€๊ฒฝํ•ด๋„ ๋ฐ˜์˜๋˜์ง€ ์•Š๋Š”๋‹ค(์ด๋•Œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š”๋‹ค). ํ•œ๋ฒˆ ์ƒ์„ฑ๋œ ๋ฌธ์ž์—ด์€ read only๋กœ์„œ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค. ์ด๊ฒƒ์„ ๋ณ€๊ฒฝ ๋ถˆ๊ฐ€๋Šฅ(immutable)์ด๋ผ ํ•œ๋‹ค. Undefined > undefined๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์˜๋„์ ์œผ๋กœ ํ• ๋‹นํ•œ ๊ฐ’์ด ์•„๋‹ˆ๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์— ์˜ํ•ด ์ดˆ๊ธฐํ™”๋œ ๊ฐ’์ด๋‹ค. ๋ณ€์ˆ˜๋ฅผ ์ฐธ์กฐํ–ˆ์„ ๋•Œ undefined๊ฐ€ ๋ฐ˜ํ™˜๋œ๋‹ค๋ฉด ์ฐธ์กฐํ•œ ๋ณ€์ˆ˜๊ฐ€ ์„ ์–ธ ์ดํ›„ ๊ฐ’์ด ํ• ๋‹น๋œ ์ ์ธ ์—†๋Š” ๋ณ€์ˆ˜๋ผ๋Š” ๊ฒƒ์„ ๊ฐœ๋ฐœ์ž๋Š” ๊ฐ„ํŒŒํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ์˜๋„์ ์œผ๋กœ undefined๋ฅผ ํ• ๋‹นํ•ด์•ผํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์„๊นŒ? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™”์— ์‚ฌ์šฉํ•˜๋Š” ์ด ๊ฐ’์„ ๋งŒ์•ฝ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งˆ์Œ๋Œ€๋กœ ํ• ๋‹นํ•œ๋‹ค๋ฉด undefined์˜ ๋ณธ๋ž˜์˜ ์ทจ์ง€์™€ ์–ด๊ธ‹๋‚  ๋ฟ๋”๋Ÿฌ ํ˜ผ๋ž€์„ ์ค„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ถŒ์žฅํ•˜์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋Ÿผ ๋ณ€์ˆ˜์˜ ๊ฐ’์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ๋ช…์‹œํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์ข‹์„๊นŒ? ๊ทธ๋Ÿฐ ๊ฒฝ์šฐ๋Š” undefined๋ฅผ ํ• ๋‹นํ•˜

2021๋…„ 12์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TIL 211129

๐Ÿš€ TIL >Node.js๋ฅผ ๋ฐฐ์šธ์ˆ˜๋ก ๋™๊ธฐ/๋น„๋™๊ธฐ ํŠน์„ฑ์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜๋Š” ํšŸ์ˆ˜๊ฐ€ ๋Š˜์–ด๋‚˜์„œ ์ •๋ฆฌํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค. ๐Ÿš€Event loop Event loop ๋™์ž‘์›๋ฆฌ JS ์ปจํผ๋Ÿฐ์Šค์—์„œ ๋ฐœํ‘œํ•œ ๋‚ด์šฉ์ธ๋ฐ ์ •๋ฆฌ๊ฐ€ ๊ธฐ๊ฐ€๋ง‰ํžˆ๋‹ค.. ๊นŒ๋จน์œผ๋ฉด ๋˜ ๋“ฃ์ž https://www.youtube.com/watch?v=8aGhZQkoFbQ MDN ๋™์‹œ์„ฑ ๋ชจ๋ธ๊ณผ ์ด๋ฒคํŠธ ๋ฃจํ”„ https://developer.mozilla.org/ko/docs/Web/JavaScript/EventLoop Javascript๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ์˜ ํŠน์„ฑ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๊ฐ€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋กœ ๋™์ž‘ํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋ฒคํŠธ ๋ฃจํ”„์— ๊ธฐ๋ฐ˜ํ•˜์—ฌ ๋น„๋™๊ธฐ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰ ์ด๋ฒคํŠธ ๋ฃจํ”„๋ฅผ ์ด์šฉํ•˜์—ฌ ๋น„๋™๊ธฐ ๋ฐฉ์‹์„ ์ง€์›ํ•œ๋‹ค. ์–ด๋–ป๊ฒŒ ๋น„๋™๊ธฐ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์„๊นŒ? ์‚ฌ์‹ค ๋น„๋™๊ธฐ๋กœ ์ˆ˜ํ–‰๋˜๋Š” ํ•จ์ˆ˜๋“ค์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ์ž์ฒด์—์„œ ์ œ๊ณต๋˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค. Web API๋Š” ๋ธŒ๋ผ์šฐ์ € ์ž์ฒด์—์„œ ์ง€์›ํ•˜๋Š” A

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Javascript] Stack, Queue๋ฅผ ์ด์šฉํ•œ ์›น๋ธŒ๋ผ์šฐ์ € ๋™์ž‘์›๋ฆฌ

์›น ๋ธŒ๋ผ์šฐ์ €๋ž€? ์„œ๋ฒ„์—์„œ ๋ฐ›์•„์˜จ HTML, CSS, JS ๋ฅผ ์‹คํ–‰์‹œ์ผœ์ฃผ๋Š” ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค. ๊ทผ๋ฐ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋Š” ์ผ๋ จ์˜ ๊ณผ์ •์ด์žˆ๋‹ค. ๋จผ์ € ๋ธŒ๋ผ์šฐ์ €๋Š” C++ ์ฝ”๋“œ๋กœ ์งœ์—ฌ์ ธ์žˆ์œผ๋ฉฐ, ๋ธŒ๋ผ์šฐ์ €๋Š” ์‹คํ–‰ํ•ด์•ผํ•  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฅผ ๋ฐœ๊ฒฌํ•˜๋ฉด C++๋กœ ๋งŒ๋“  Stack์— ๋„ฃ์–ด๋‘”๋‹ค. ์ฒ˜๋ฆฌ๊ฐ€ ์˜ค๋ž˜ ๊ฑธ๋ฆฌ๋Š” ์ฝ”๋“œ๋ฅผ ๋งŒ๋‚œ๋‹ค๋ฉด? ์„œ๋ฒ„๋กœ์˜ ajax์š”์ฒญ, ์ด๋ฒคํŠธ๋ฆฌ์Šค๋„ˆ, setTimeout๊ณผ ๊ฐ™์€ ์ฝ”๋“œ๋“ค์€ ์ฒ˜๋ฆฌํ•˜๊ธฐ๊นŒ์ง€ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฐ๋‹ค. (๋ฒ„ํŠผ ์ด๋ฒคํŠธ๋ฆฌ์Šค๋„ˆ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๊ธฐ ์ „๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆผ...) ๊ทธ๋ž˜์„œ ์ด๋ ‡๊ฒŒ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฌ๋Š” ์ฝ”๋“œ๋“ค์€ Stack์— ์Œ“์•„์„œ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š๊ณ  ์ž ์‹œ ๋ณด๋ฅ˜ํ•ด๋†จ๋‹ค๊ฐ€ ์™„๋ฃŒ๋˜๋Š” ์‹œ์ ์— Stack์œผ๋กœ ์˜ฌ๋ ค๋ณด๋‚ธ๋‹ค. ์˜ฌ๋ ค๋ณด๋‚ผ ๋•Œ๋Š” Stack์— ์•„๋ฌด๊ฒƒ๋„ ์—†์ด ๋น„์–ด์žˆ์–ด์•ผํ•˜๋ฉฐ ์ฐจ๋ก€๋Œ€

2021๋…„ 11์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

[Javascript]var vs. let vs. const

๋ณ€์ˆ˜ ์„ ์–ธ์€ ๋ณดํ†ต const๋กœ ์‚ฌ์šฉํ•˜๊ณ  let์€ ์žฌํ• ๋‹น์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ ํ•œ์ •ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. const๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์˜๋„์น˜ ์•Š์€ ์žฌํ• ๋‹น์„ ๋ฐฉ์ง€ํ•˜๊ธฐ์— ์ข€ ๋” ์•ˆ์ „ํ•˜๋‹ค. ES6๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด var ํ‚ค์›Œ๋“œ๋Š” ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค. ์žฌํ• ๋‹น์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ์— ํ•œ์ •ํ•ด let ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์ด๋•Œ ๋ณ€์ˆ˜์˜ ์Šค์ฝ”ํ”„๋Š” ์ตœ๋Œ€ํ•œ ์ข๊ฒŒ ๋งŒ๋“ ๋‹ค. ๋ณ€๊ฒฝ์ด ๋ฐœ์ƒํ•˜์ง€ ์•Š๊ณ  ์ฝ๊ธฐ ์ „์šฉ์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š”, ์žฌํ• ๋‹น์ด ํ•„์š” ์—†๋Š” ์ƒ์ˆ˜, ์›์‹œ ๊ฐ’๊ณผ ๊ฐ์ฒด์—๋Š” constํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. const ํ‚ค์›Œ๋“œ๋Š” ์žฌํ• ๋‹น์„ ๊ธˆ์ง€ํ•˜๊ธฐ์— var, let ๋ณด๋‹ค ์•ˆ์ „ํ•œ๋‹ค. ๊ฐ์ฒด๋Š” ์˜์™ธ๋กœ ์žฌํ• ๋‹นํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋“œ๋ฌผ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋–„๋Š” ์ผ๋‹จ const ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์ž. ๋ฐ˜๋“œ์‹œ ์žฌํ• ๋‹น์ด ํ•„์š”ํ•˜๋‹ค๋ฉด... ๊ทธ๋•Œ let ์œผ๋กœ ๋ณ€๊ฒฝํ•ด๋„ ๋Šฆ์ง€ ์•Š๋‹ค.

2021๋…„ 11์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Javascript ์Šค์ฝ”ํ”„(Scope) ์ •์˜

์Šค์ฝ”ํ”„๋ž€? ๋ชจ๋“  ์‹๋ณ„์ž(๋ณ€์ˆ˜ ์ด๋ฆ„, ํ•จ์ˆ˜ ์ด๋ฆ„, ํด๋ž˜์Šค ์ด๋ฆ„)๋“ฑ์ž์‹ ์ด ์„ ์–ธ๋œ ์œ„์น˜์— ์˜ํ•ด ๋‹ค๋ฅธ ์ฝ”๋“œ๊ฐ€ ์‹๋ณ„์ž ์ž์‹ ์„ ์ฐธ์กฐํ•  ์ˆ˜ ์žˆ๋Š” ์œ ํšจ ๋ฒ”์œ„๊ฐ€ ๊ฒฐ์ •๋œ๋‹ค ์ด๋ฆ„ ์Šค์ฝ”ํ”„๋ผ๊ณ  ํ•œ๋‹ค. ์ฆ‰, ์Šค์ฝ”ํ”„๋Š” ์‹๋ณ„์ž๊ฐ€ ์œ ํšจํ•œ ๋ฒ”์œ„์ด๋‹ค.

2021๋…„ 11์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท