post-thumbnail

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋™์ž‘์›๋ฆฌ (์—”์ง„, ๋Ÿฐํƒ€์ž„, ์ด๋ฒคํŠธ ๋ฃจํ”„)

Javascript๋Š”ย ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋กœ ๋™์ž‘ํ•˜๋Š” ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ๋ฉ”์ธ ์Šค๋ ˆ๋“œ, ํ•˜๋‚˜์˜ ์Šค๋ ˆ๋“œ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋Š” ํ•œ๋ฒˆ์— ํ•˜๋‚˜์˜ ์ž‘์—…๋งŒ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๋‹ค๋ฅธ ์ž‘์—…์ด ์ค‘๊ฐ„์— ๋ผ์–ด๋“ค ์ˆ˜๋„ ์—†๊ณ , ๊ธฐ์กด์— ์ˆ˜ํ–‰ํ•˜๋˜ ์ž‘์—…์ด ๋๋‚˜์•ผ๋งŒ ๊ทธ ๋‹ค์Œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ

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

Strict Mode

Strict Mode๋Š” ์ฝ”๋“œ์— ๋ฌธ๋ฒ•์„ ๋ณด๋‹ค ์—„๊ฒฉํžˆ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.strict mode๋ฅผ ์ ์šฉํ•˜๋ ค๋ฉด ์ „์—ญ์˜ ์„ ๋‘ ๋˜๋Š” ํ•จ์ˆ˜ ๋ชธ์ฒด์˜ ์„ ๋‘์—ย 'use strict';๋ฅผ ์ถ”๊ฐ€ํ•œ๋‹ค.strict mode ์Šคํฌ๋ฆฝํŠธ์™€ non-strict mode ์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ˜ผ์šฉํ•˜๋Š” ๊ฒƒ์€ ์˜ค๋ฅ˜๋ฅผ

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

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(Arrow function)๋Š” function ํ‚ค์›Œ๋“œ ๋Œ€์‹  ํ™”์‚ดํ‘œ(=>)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณด๋‹ค ๊ฐ„๋žตํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.function ํ‚ค์›Œ๋“œ๋กœ ์ƒ์„ฑํ•œ ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ ๊ฐ€์žฅ ํฐ ์ฐจ์ด์ ์€ this์ด๋‹ค.์ผ๋ฐ˜ ํ•จ์ˆ˜๋Š” ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ this

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

this์˜ ๋ฐ”์ธ๋”ฉ

๐Ÿ“Œ You don't know JS์™€ https://poiemaweb.com/ ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.this๋ฅผ ์ง€์ •ํ•œ ๊ฐ์ฒด๋กœ ์ง์ ‘ ๋ฐ”์ธ๋”ฉ ํ•˜๋ฏ€๋กœ '๋ช…์‹œ์  ๋ฐ”์ธ๋”ฉ'์ด๋ผ๊ณ  ํ•œ๋‹ค.apply()๋ฉ”์†Œ๋“œ์˜ ๊ฒฝ์šฐ, call()์™€ ๊ธฐ๋Šฅ์€ ๊ฐ™๋‹ค. apply()๋Š” ๋‘๋ฒˆ

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

this

this๋Š” '์ž์‹ ์ด ์†ํ•œ ๊ฐ์ฒด ๋˜๋Š” ์ž์‹ ์ด ์ƒ์„ฑํ•  ์ธ์Šคํ„ด์Šค๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ž๊ธฐ ์ฐธ์กฐ ๋ณ€์ˆ˜'์ด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ย thisย keyword๋Š” Java์™€ ๊ฐ™์€ ์ต์ˆ™ํ•œ ์–ธ์–ด์˜ ๊ฐœ๋…๊ณผ ๋‹ฌ๋ผ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ˜ผ๋ž€์„ ์ค€๋‹ค.Java์—์„œ์˜ this๋Š” ์ธ์Šคํ„ด์Šค ์ž์‹ (self)์„ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ฐธ์กฐ๋ณ€์ˆ˜์ด๋‹ค

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

ํด๋กœ์ €

ํด๋กœ์ €๋Š” ํ•จ์ˆ˜๊ฐ€ ์†ํ•œ ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„๋ฅผ ๊ธฐ์–ตํ•˜์—ฌ ํ•จ์ˆ˜๊ฐ€ ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„ ๋ฐ–์—์„œ ์‹คํ–‰๋  ๋•Œ์—๋„ ์ด ์Šค์ฝ”ํ”„์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋œปํ•ฉ๋‹ˆ๋‹ค.ํด๋กœ์ €๋Š” ์ž์‹ ์ด ์ƒ์„ฑ๋  ๋•Œ์˜ ํ™˜๊ฒฝ์„ ๊ธฐ์–ตํ•ด์•ผ ํ•˜๋ฏ€๋กœ ๋ฉ”๋ชจ๋ฆฌ ์ฐจ์›์—์„œ ์†ํ•ด๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๊ฐ€ ๋ฌด์—‡์ผ๊นŒ์š”?!

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

var,let,const

ํ•จ์ˆ˜๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”!์ค‘๋ณต ์„ ์–ธ์ด ๊ฐ€๋Šฅํ•ด์š”! ์žฌํ• ๋‹น๋„ ๊ฐ€๋Šฅํ•ด์š”!ํ˜ธ์ด์ŠคํŒ… ๋‹นํ•ด์š”!๋ธ”๋ก๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”!์ค‘๋ณต ์„ ์–ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•ด์š”!, ์žฌํ• ๋‹น์€ ๊ฐ€๋Šฅํ•ด์š”!ํ˜ธ์ด์ŠคํŒ… ๋‹นํ•ด์š”! โ†’ ํ˜ธ์ด์ŠคํŒ…์„ ๋‹นํ•˜์ง€์•Š๋Š”๋‹ค๋Š” ์–˜๊ธฐ๊ฐ€ ์žˆ์ง€๋งŒ ์ž˜๋ชป๋œ ์‚ฌ์‹ค์ด๋‹ค. ์ด๋ฅผ ์ดํ•ดํ•˜๊ธฐ์œ„ํ•ด TDZ

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

ํ˜ธ์ด์ŠคํŒ…

๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ์ด ์„ ์–ธ๋œ ์œ„์น˜์—์„œ ์ฝ”๋“œ์˜ ๊ผญ๋Œ€๊ธฐ๋กœ ๋Œ์–ด์˜ฌ๋ ค์ง€๋Š๊ฒƒ์ด ํ˜ธ์ด์ŠคํŒ…์ž…๋‹ˆ๋‹น..!!3\. ํ•จ์ˆ˜๊ฐ€ ๋จผ์ € ๋Œ์–ด์˜ฌ๋ ค์ง€๊ณ  ๊ทธ ๋‹ค์Œ ๋ณ€์ˆ˜๊ฐ€ ๋Œ์–ด์˜ฌ๋ ค์ง‘๋‹ˆ๋‹ค.!

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

ํ•จ์ˆ˜ vs ๋ธ”๋ก ์Šค์ฝ”ํ”„

ํ•จ์ˆ˜ ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ž€ ํ•จ์ˆ˜ ์ฝ”๋“œ ๋ธ”๋ก ๋‚ด์—์„œ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ์ฝ”๋“œ ๋ธ”๋ก ๋‚ด์—์„œ๋งŒ ์œ ํšจํ•˜๊ณ  ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ๋Š” ์œ ํšจํ•˜์ง€ ์•Š๋‹ค(์ฐธ์กฐํ•  ์ˆ˜ ์—†๋‹ค)๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.!๋ธ”๋ก ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ž€ ๋ชจ๋“  ์ฝ”๋“œ ๋ธ”๋ก(ํ•จ์ˆ˜,if๋ฌธ,for๋ฌธ,while๋ฌธ,try/catch๋ฌธ ๋“ฑ)๋‚ด์—์„œ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ์ฝ”

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

๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„

๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„๋Š” ๋ ‰์‹ฑํƒ€์ž„์— ์ •์˜๋˜๋Š” ์Šค์ฝ”ํ”„์ž…๋‹ˆ๋‹ค. ๋ ‰์‹ฑ์€ ์ปดํŒŒ์ผ๋Ÿฌ ๊ณผ์ • ์ค‘ ์ฒซ๋ฒˆ์งธ๋กœ, ์†Œ์Šค์ฝ”๋“œ ๋ฌธ์ž์—ด์„ ๋ถ„์„ํ•˜์—ฌ ์ƒํƒœ ์œ ์ง€ ํŒŒ์‹ฑ์˜ ๊ฒฐ๊ณผ๋กœ ์ƒ์„ฑ๋œ ํ† ํฐ์— ์˜๋ฏธ๋ฅผ ๋ถ€์—ฌํ•˜๋Š”๊ฒƒ ์ž…๋‹ˆ๋‹ค.ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์ฝ”๋“œ๋ฅผ ์งค ๋•Œ ๋ณ€์ˆ˜์™€ ์Šค์ฝ”ํ”„ ๋ธ”๋ก์„ ์–ด๋””์„œ ์ž‘์„ฑํ•˜๋Š”๊ฐ€์— ๊ธฐ์ดˆํ•ด์„œ ๋ ‰์„œ๊ฐ€ ์ฝ”๋“œ๋ฅผ

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

์Šค์ฝ”ํ”„ / ์Šค์ฝ”ํ”„ ์ฒด์ธ

๐Ÿ“Œ You don't know JS์™€ https://poiemaweb.com/ ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.์Šค์ฝ”ํ”„๋Š” ์ฐธ์กฐ ๋Œ€์ƒ ์‹๋ณ„์ž(identifier, ๋ณ€์ˆ˜, ํ•จ์ˆ˜์˜ ์ด๋ฆ„๊ณผ ๊ฐ™์ด ์–ด๋–ค ๋Œ€์ƒ์„ ๋‹ค๋ฅธ ๋Œ€์ƒ๊ณผ ๊ตฌ๋ถ„ํ•˜์—ฌ ์‹๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ์œ ์ผํ•œ ์ด๋ฆ„)๋ฅผ ์ฐพ์•„๋‚ด๊ธฐ

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

์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง๊ณผ ์บก์ฒ˜๋ง, ์œ„์ž„ (2)

https://ko.javascript.info/events

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

์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง๊ณผ ์บก์ฒ˜๋ง, ์œ„์ž„ (1)

์ด๋ฒคํŠธ(event)๋ž€ ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์•Œ๋ ค์ฃผ๋Š” HTML ์š”์†Œ์— ๋Œ€ํ•œ ์‚ฌ๊ฑด์˜ ๋ฐœ์ƒ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.์›น ํŽ˜์ด์ง€์— ์‚ฌ์šฉ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ด๋ ‡๊ฒŒ ๋ฐœ์ƒํ•œ ์ด๋ฒคํŠธ์— ๋ฐ˜์‘ํ•˜์—ฌ ํŠน์ • ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํด๋ผ์ด์–ธํŠธ ์ธก ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋น„๋™๊ธฐ์‹ ์ด๋ฒคํŠธ ์ค‘์‹ฌ(event-drive

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