profile
Frontend Engineer ๐ŸŒฑ
post-thumbnail

[TIL] AJAX, Callbackํ•จ์ˆ˜, Promise, Async/await

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ๋น„๋™๊ธฐ์™€ ๊ด€๋ จ๋œ ๊ฐœ๋…๋“ค์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ(- ๋น„๋™๊ธฐ ๋ฐฉ์‹(- AJAX(- ์ฝœ๋ฐฑํ•จ์ˆ˜(- Promise(- async / await(๋™๊ธฐ์‹ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ด๋– ํ•œ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๊ณ  ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ธ๋‹ค๊ฐ€ ๋‹ค์Œ ์ฝ”๋“œ๊ฐ€ ์ˆœ์ฐจ์ ์œผ๋กœ ์ฒ˜

2022๋…„ 4์›” 28์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] OOP

OOP๋ž€? Object Oriented Programming ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐ์ฒด์˜ ๊ด€์ ์—์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•˜๋Š” ๊ฒƒ ๊ฐ์ฒด๋“ค์„ ์œ ๊ธฐ์ ์œผ๋กœ ์—ฐ๊ฒฐํ•ด์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•˜๋Š” ๊ฒƒ OOP์˜ ํŠน์ง• 4๊ฐ€์ง€ ์ƒ์† : ํด๋ž˜์Šค๊ฐœ๋…์—์„œ ์ƒ์œ„ ํด๋ž˜์Šค(๋ถ€๋ชจ)๋กœ ๋ถ€ํ„ฐ ํ•˜์œ„ ํด๋ž˜์Šค(์ž์‹)์ด ์œ ์‚ฐ

2022๋…„ 3์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ๋ณ€์ˆ˜ var, let, const ์ฐจ์ด

ํ•จ์ˆ˜ ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„(Function-level scope) - var ํ•จ์ˆ˜ ๋‚ด์—์„œ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ๋‚ด์—์„œ๋งŒ ์œ ํšจํ•˜๋ฉฐ ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ๋Š” ์ฐธ์กฐํ•  ์ˆ˜ ์—†๋‹ค. ์ฆ‰, ํ•จ์ˆ˜ ๋‚ด๋ถ€์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ์ง€์—ญ ๋ณ€์ˆ˜์ด๋ฉฐ ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ๋ชจ๋‘ ์ „์—ญ ๋ณ€์ˆ˜์ด๋‹ค. โœ”๏ธ๋Œ€๋ถ€๋ถ„์˜ ํ”„

2022๋…„ 3์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ์ผ๋ฐ˜ ํ•จ์ˆ˜์˜ this์™€ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ this

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ES6์—์„œ ์ƒˆ๋กœ ์ถ”๊ฐ€๋˜์—ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์‹œ์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ์–ธ์ œ ์“ธ๊นŒ? ์ด๋ฆ„์ด ์—†๋Š” ์ต๋ช… ํ•จ์ˆ˜๋กœ, ์ฆ‰์‹œ ์‹คํ–‰์ด ํ•„์š”ํ•  ๊ฒฝ์šฐ ์‚ฌ์šฉํ•œ๋‹ค. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ์™œ ์“ฐ๋Š”์ง€? ์ฝ”๋“œ์˜ ๊ฐ„๊ฒฐ์„ฑ ๊ธฐ์กด ํ•จ์ˆ˜ ํ‘œํ˜„์‹๊ณผ ๋น„๊ตํ•˜๋ฉด ๊ฐ„๋‹จํ•˜๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ๋ณธ๋ฌธ์ด

2022๋…„ 3์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ํ˜ธ์ด์ŠคํŒ…(Hoisting)

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ํ˜ธ์ด์ŠคํŒ…์— ๋Œ€ํ•ด ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. ํ˜ธ์ด์ŠคํŒ…(Hoisting)์ด๋ž€? ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ์ดˆ๊ธฐํ™”ํ–ˆ์„ ๋•Œ, ์„ ์–ธ ๋ถ€๋ถ„์ด ์ตœ์ƒ๋‹จ์œผ๋กœ ๋Œ์–ด์˜ฌ๋ ค์ง€๋Š” ํ˜„์ƒ. > โœจ ๋ณ€์ˆ˜ ์„ ์–ธ 3๋‹จ๊ณ„ ์„ ์–ธ โ†’ ์ดˆ๊ธฐํ™” โ†’ ํ• ๋‹น ํ˜ธ์ด์ŠคํŒ… ๋Œ€์ƒ var ๋ณ€์ˆ˜ ์„ ์–ธ, ํ•จ์ˆ˜์„ ์–ธ๋ฌธ l

2022๋…„ 3์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[TIL] ๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ๊ณผ์ •

๐Ÿ‘ฉโ€๐Ÿ’ป ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •์„ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.User Interface: ์ฃผ์†Œ ํ‘œ์‹œ์ค„, ์ด์ „/๋‹ค์Œ ๋ฒ„ํŠผ, ๋ถ๋งˆํฌ ๋ฉ”๋‰ด ๋“ฑ. ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์ฐฝ ์™ธ ๋ชจ๋“  ๋ถ€๋ถ„Browser Engine: User Interface์™€ Rendering Engine ์‚ฌ์ด

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

์ฝœ๋ฐฑ(Callback), setTimeout ํ•จ์ˆ˜

์ฝœ๋ฐฑ Callback ํ•จ์ˆ˜์˜ ์ธ์ˆ˜๋กœ ์‚ฌ์šฉ๋˜๋Š” ํ•จ์ˆ˜setTimeout(ํ•จ์ˆ˜, ์‹œ๊ฐ„)ํƒ€์ด๋จธ ํ•จ์ˆ˜: ์ผ์ • ์‹œ๊ฐ„ ํ›„ ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•จ์ด๋•Œ ์ธ์ˆ˜๋กœ ์‚ฌ์šฉ๋˜๋Š” ํ•จ์ˆ˜๋ฅผ '์ฝœ๋ฐฑ'์œผ๋กœ ๋ถ€๋ฅผ ์ˆ˜ ์žˆ์Œ!

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

์กฐ๊ฑด๋ฌธ Switch

if๋ฌธ๋ณด๋‹ค ์ฝ”๋“œ๊ฐ€ ๊น”๋”ํ•˜๊ฒŒ ์ฝํž˜a๊ฐ€ ํŠน์ •ํ•œ ๊ฐ’์œผ๋กœ ๋”ฑ ๋–จ์–ด์งˆ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์Œ

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