profile
๐Ÿ‘จโ€๐Ÿ’ปgithub.com/pos1504 ๐Ÿ’Œpos1504@gmail.com ๐Ÿ™‹โ€โ™‚๏ธhttps://www.linkedin.com/in/%EC%84%B8%ED%98%95-%EC%A0%95-68067b287/

Javascript - ํ•จ์ˆ˜ ๋งŒ๋“œ๋Š” ๋ฒ• , arrow function & this binding

์ œ์ผ ์ตœ์‹  ๋ฌธ๋ฒ• ์ธ Arrow function์„ ์œ„์ฃผ๋กœ ์„ค๋ช…ํ•œ๋‹ค. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ (Arrow Function) ES6์—์„œ ์ถ”๊ฐ€๋œ ์ƒˆ๋กœ์šด ํ•จ์ˆ˜ ํ‘œํ˜„์‹์ž…๋‹ˆ๋‹ค. ๊ฐ„๋‹จํ•œ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค ๋•Œ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ํŒŒ๋ผ๋ฏธํ„ฐ๊ฐ€ ํ•˜๋‚˜ ๋ผ๋ฉด ์†Œ๊ด„ํ˜ธ ์ƒ๋žต์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ค‘๊ด„ํ˜ธ ์•ˆ์— return์ด

2023๋…„ 2์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

html๊ณผ javascript - let, var, const

var, let, const์€ ๋ชจ๋‘ JavaScript์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜์ง€๋งŒ, ์ค‘์š”ํ•œ ์ฐจ์ด์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.var์€ ํ•จ์ˆ˜ ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง€๋ฉฐ ๊ฐ’์„ ์žฌํ• ๋‹นํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์„ ์–ธ๋œ ํ•จ์ˆ˜ ๋‚ด ์–ด๋””์„œ๋“  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ var ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ์–ธ์ œ๋“ ์ง€ ์žฌํ• ๋‹นํ•  ์ˆ˜ ์žˆ

2023๋…„ 2์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

html๊ณผ javascript - div ,span ,id, class

: ์–ด๋– ํ•œ ๊ธฐ๋Šฅ๋„ ์—†์Œ css ,javscript๋ฅผ ํ†ตํ•ด์„œ ์ •๋ณด๋ฅผ ์ œ์–ดํ•˜๊ณ ์ž ํ• ๋•Œ ๊ฐ์‚ฌ์ฃผ๋Š” ๋ฌด์ƒ‰๋ฌด์ทจ์˜ ํƒœ๊ทธ ํ™”๋ฉด ์ „์ฒด๋ฅผ ์“ฐ๊ธฐ๋•Œ๋ฌธ์— (์ค„๋ฐ”๊ฟˆ ๋˜๋Š” ํƒœ๊ทธ):์–ด๋– ํ•œ ๊ธฐ๋Šฅ๋„ ์—†์Œ css ,javscript๋ฅผ ํ†ตํ•ด์„œ ์ •๋ณด๋ฅผ ์ œ์–ดํ•˜๊ณ ์ž ํ• ๋•Œ ๊ฐ์‚ฌ์ฃผ๋Š” ๋ฌด์ƒ‰๋ฌด์ทจ์˜ ํƒœ๊ทธ (์ค„๋ฐ”๊ฟˆ

2023๋…„ 2์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์˜ต์…”๋„ ์ฒด์ด๋‹ '?.'

s

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

new ์—ฐ์‚ฐ์ž์™€ ์ƒ์„ฑ์ž ํ•จ์ˆ˜

๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด {...} ์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ์ฒด๋ฅผ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค ๋ณด๋ฉด ์œ ์‚ฌํ•œ ๊ฐ์ฒด๋ฅผ ์—ฌ๋Ÿฌ ๊ฐœ ๋งŒ๋“ค์–ด์•ผ ํ•  ๋•Œ๊ฐ€ ์ƒ๊ธฐ๊ณค ํ•ฉ๋‹ˆ๋‹ค. ๋ณต์ˆ˜์˜ ์‚ฌ์šฉ์ž, ๋ฉ”๋‰ด ๋‚ด ๋‹ค์–‘ํ•œ ์•„์ดํ…œ์„ ๊ฐ์ฒด๋กœ ํ‘œํ˜„ํ•˜๋ ค๊ณ  ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๊ทธ๋ ‡์ฃ .

2022๋…„ 9์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๋ฉ”์„œ๋“œ์™€ this

๊ฐ์ฒด๋Š” ์‚ฌ์šฉ์ž(user), ์ฃผ๋ฌธ(order) ๋“ฑ๊ณผ ๊ฐ™์ด ์‹ค์ œ ์กด์žฌํ•˜๋Š” ๊ฐœ์ฒด(entity)๋ฅผ ํ‘œํ˜„ํ•˜๊ณ ์ž ํ•  ๋•Œ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค.

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

๊ฐ€๋น„์ง€ ์ปฌ๋ ‰์…˜

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ˆˆ์— ๋ณด์ด์ง€ ์•Š๋Š” ๊ณณ์—์„œ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ๋ฅผ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

2022๋…„ 9์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์ฐธ์กฐ์— ์˜ํ•œ ๊ฐ์ฒด ๋ณต์‚ฌ

๊ฐ์ฒด์™€ ์›์‹œ ํƒ€์ž…์˜ ๊ทผ๋ณธ์ ์ธ ์ฐจ์ด ์ค‘ ํ•˜๋‚˜๋Š” ๊ฐ์ฒด๋Š” โ€˜์ฐธ์กฐ์— ์˜ํ•ด(by reference)โ€™ ์ €์žฅ๋˜๊ณ  ๋ณต์‚ฌ๋œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.์›์‹œ๊ฐ’(๋ฌธ์ž์—ด, ์ˆซ์ž, ๋ถˆ๋ฆฐ ๊ฐ’)์€ โ€˜๊ฐ’ ๊ทธ๋Œ€๋กœโ€™ ์ €์žฅยทํ• ๋‹น๋˜๊ณ  ๋ณต์‚ฌ๋˜๋Š” ๋ฐ˜๋ฉด์— ๋ง์ด์ฃ 

2022๋…„ 9์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๊ฐ์ฒด

์ž๋ฃŒํ˜• ์ฑ•ํ„ฐ์—์„œ ๋ฐฐ์› ๋“ฏ์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—” ์—ฌ๋Ÿ ๊ฐ€์ง€ ์ž๋ฃŒํ˜•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์ค‘ ์ผ๊ณฑ ๊ฐœ๋Š” ์˜ค์ง ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ(๋ฌธ์ž์—ด, ์ˆซ์ž ๋“ฑ)๋งŒ ๋‹ด์„ ์ˆ˜ ์žˆ์–ด '์›์‹œํ˜•(primitive type)'์ด๋ผ ๋ถ€๋ฆ…๋‹ˆ๋‹ค.

2022๋…„ 9์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ…Œ์ŠคํŠธ ์ž๋™ํ™”์™€ Mocha

ํ…Œ์ŠคํŠธ ์ž๋™ํ™”๋Š” ์•ž์œผ๋กœ ํ’€์–ด์•ผ ํ•  ๊ณผ์ œ์—์„œ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ˜„์—…์—์„œ๋„ ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ์“ฐ์ž…๋‹ˆ๋‹ค.

2022๋…„ 9์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์ฃผ์„

์ฝ”๋“œ ๊ตฌ์กฐ์—์„œ ์•Œ์•„๋ณธ ๋ฐ”์™€ ๊ฐ™์ด ํ•œ ์ค„์งœ๋ฆฌ ์ฃผ์„์€ //๋กœ, ์—ฌ๋Ÿฌ ์ค„์˜ ์ฃผ์„์€ / ... /๋กœ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.์ฃผ์„(comment)์€ ์–ด๋–ป๊ฒŒ ์ฝ”๋“œ๊ฐ€ ๋™์ž‘ํ•˜๋Š”์ง€, ์™œ ์ฝ”๋“œ๊ฐ€ ๋™์ž‘ํ•˜๋Š”์ง€๋ฅผ ์„ค๋ช…ํ•˜๋Š” ๋ฐ ์“ฐ์ž…๋‹ˆ๋‹ค.

2022๋…„ 9์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์ฝ”๋”ฉ ์Šคํƒ€์ผ

๊ฐœ๋ฐœ์ž๋Š” ๊ฐ€๋Šฅํ•œ ํ•œ ๊ฐ„๊ฒฐํ•˜๊ณ  ์ฝ๊ธฐ ์‰ฝ๊ฒŒ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

2022๋…„ 9์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Chrome์œผ๋กœ ๋””๋ฒ„๊น…ํ•˜๊ธฐ

Chrome์œผ๋กœ ๋””๋ฒ„๊น…ํ•˜๊ธฐ์ข€ ๋” ๋ณต์žกํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ ์ „์—, ๋””๋ฒ„๊น…์ด๋ž€ ๊ฒƒ์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ•ด๋ด…์‹œ๋‹ค.

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

๊ธฐ๋ณธ ๋ฌธ๋ฒ• ์š”์•ฝ

์ง€๊ธˆ๊นŒ์ง€ ๋ฐฐ์šด ๋‚ด์šฉ์„ ๋‹ค์‹œ ๋– ์˜ฌ๋ฆฌ๊ณ  ์š”์•ฝํ•ด๋ด…์‹œ๋‹ค. ์™ธ์šฐ๊ธฐ ์‰ฝ์ง€ ์•Š์•„ ์ž์นซํ•˜๋ฉด ์‹ค์ˆ˜ํ•  ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์„ ์ค‘์‹ฌ์œผ๋กœ ์š”์•ฝํ•ด ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

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

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ๊ธฐ๋ณธ

ํ•จ์ˆ˜ ํ‘œํ˜„์‹๋ณด๋‹ค ๋‹จ์ˆœํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค.๋ฐ”๋กœ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(arrow function)๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ผ๋Š” ์ด๋ฆ„์€ ๋ฌธ๋ฒ•์˜ ์ƒ๊น€์ƒˆ๋ฅผ ์ฐจ์šฉํ•ด ์ง€์–ด์กŒ์Šต๋‹ˆ๋‹ค.

2022๋…„ 9์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ•จ์ˆ˜ ํ‘œํ˜„์‹

ํ•จ์ˆ˜ ํ‘œํ˜„์‹์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํ•จ์ˆ˜๋ฅผ ํŠน๋ณ„ํ•œ ์ข…๋ฅ˜์˜ ๊ฐ’์œผ๋กœ ์ทจ๊ธ‰ํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์–ธ์–ด์—์„œ์ฒ˜๋Ÿผ "ํŠน๋ณ„ํ•œ ๋™์ž‘์„ ํ•˜๋Š” ๊ตฌ์กฐ"๋กœ ์ทจ๊ธ‰๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.์ด์ „ ์ฑ•ํ„ฐ์—์„œ ํ•จ์ˆ˜ ์„ ์–ธ(Function Declaration), ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜์™€ ๊ฐ™์ด ๋ง์ด์ฃ .

2022๋…„ 9์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ•จ์ˆ˜

์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋‹ค ๋ณด๋ฉด ์œ ์‚ฌํ•œ ๋™์ž‘์„ ํ•˜๋Š” ์ฝ”๋“œ๊ฐ€ ์—ฌ๋Ÿฌ ๊ณณ์—์„œ ํ•„์š”ํ•  ๋•Œ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค.์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธ์ด๋‚˜ ๋กœ๊ทธ์•„์›ƒ์„ ํ–ˆ์„ ๋•Œ ์•ˆ๋‚ด ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๋™์ž‘ ๊ฐ™์€ ๊ฒฝ์šฐ ๋ง์ด์ฃ .ํ•จ์ˆ˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ๊ตฌ์„ฑํ•˜๋Š” ์ฃผ์š” '๊ตฌ์„ฑ ์š”์†Œ(building block)'์ž…๋‹ˆ๋‹ค. ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•˜๋ฉด

2022๋…„ 9์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

switch๋ฌธ

๋ณต์ˆ˜์˜ if ์กฐ๊ฑด๋ฌธ์€ switch๋ฌธ์œผ๋กœ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.switch๋ฌธ์„ ์‚ฌ์šฉํ•œ ๋น„๊ต๋ฒ•์€ ํŠน์ • ๋ณ€์ˆ˜๋ฅผ ๋‹ค์–‘ํ•œ ์ƒํ™ฉ์—์„œ ๋น„๊ตํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ์ฝ”๋“œ ์ž์ฒด๊ฐ€ ๋น„๊ต ์ƒํ™ฉ์„ ์ž˜ ์„ค๋ช…ํ•œ๋‹ค๋Š” ์žฅ์ ๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

2022๋…„ 9์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—” ์„ธ ์ข…๋ฅ˜์˜ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž ||(OR), &&(AND), !(NOT)์ด ์žˆ์Šต๋‹ˆ๋‹ค. || (OR) ์ธ์ˆ˜ ์ค‘ ํ•˜๋‚˜๋ผ๋„ true์ด๋ฉด true๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ , ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด false๋ฅผ ๋ฐ˜ํ™˜ ํ”ผ์—ฐ์‚ฐ์ž๊ฐ€ ๋ชจ๋‘ false์ธ ๊ฒฝ์šฐ๋ฅผ ์ œ์™ธํ•˜๊ณ  ์—ฐ์‚ฐ ๊ฒฐ๊ณผ๋Š” ํ•ญ์ƒ true

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

while๊ณผ for ๋ฐ˜๋ณต๋ฌธ

โ€˜whileโ€™๋ฌธ

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