profile
Junior FrontEnd Developer ๐Ÿ˜Ž
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (74)JavaScript(29)๋ฐ๋ธŒ์ฝ”์Šค(13)programmers(12)KDT(12)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค(12)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž(11)webpack(10)ํšŒ๊ณ (7)๊ทธ๋ ™(6)๋ถ€ํŠธ์บ ํ”„(5)ํšŒ๊ณ ์ผ๊ธฐ(5)vanilla(5)jquery(5)typescript(5)component(5)React(5)vue.js(4)๊ฐœ๋ฐœ์ž์„ฑ์žฅ์ผ๊ธฐ(4)๋ฐ”๋‹๋ผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(4)ํ† ์ดํ”„๋กœ์ ํŠธ(3)ํด๋ก ์ฝ”๋”ฉ(2)๋ธŒ๋ผ์šฐ์ €(2)ํ”„๋ก ํŠธ์—”๋“œ(2)programming(2)CSS(2)๊ฐœ๋ฐœ์ž๋ฉด์ ‘(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค(1)ํ›„๊ธฐ(1)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ฑ…์ถ”์ฒœ(1)๊ฐœ๋ฐœ๋…ํ›„๊ฐ(1)์ฝ”๋”ฉ ๋ถ€ํŠธ ์บ ํ”„(1)web(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๊ตญ๋น„ ์ง€์› ํ›„๊ธฐ(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค ํ›„๊ธฐ(1)์ฝ”๋”ฉ ๊ต์œก(1)K-๋””์ง€ํ„ธ ํŠธ๋ ˆ์ด๋‹(1)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž๊ฐ€ํ•˜๋Š”์ผ(1)User Interface(1)DOM(1)babel(1)ํ”„๋ŸฐํŠธ์—”๋“œ์ฑ…์ถ”์ฒœ(1)html(1)๊ฐœ๋ฐœ์ž์ฑ…์ถ”์ฒœ(1)CSR(1)SSR(1)ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž(1)๋‚ด์ผ๋ฐฐ์›€์นด๋“œ(1)๋ฐ”๋‹๋ผํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(1)
post-thumbnail

[jQuery] DOM Ready ๋ฐฉ์‹ vs ๋ชจ๋“ˆ ํŒจํ„ด ๋ฐฉ์‹

DOM Ready ๋ฐฉ์‹ vs ๋ชจ๋“ˆ ํŒจํ„ด ๋ฐฉ์‹ jQuery์˜ DOMReady ๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜์—ฌ ํ˜ธ์ถœํ•˜๋Š” ๋ฐฉ์‹๊ณผ ๋ชจ๋“ˆ ํŒจํ„ด์„ ์ด์šฉํ•˜์—ฌ ํ˜ธ์ถœํ•˜๋Š” ๋ฐฉ์‹์˜ ์ฐจ์ด์ ์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค. 1. DOM Ready ๊ธฐ๋Šฅ์„ ์ด์šฉํ•˜์—ฌ ํ˜ธ์ถœํ•˜๋Š” ๊ฒฝ์šฐ DOM์„ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ์ „๊นŒ์ง€ ์ด ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ์ˆ˜ ์—†์œผ๋ฉฐ DOM์„ ์กฐ์ž‘ํ•  ์ค€๋น„๊ฐ€ ๋˜๋ฉด ์‹คํ–‰ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ตœ์†Œ ํ•œ ๋ฒˆ DOM ๋ถ„...

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

[jQuery] ๊ธฐ์ดˆ ์ง€์‹ ์ •๋ฆฌํ•˜๊ธฐ #3 - ์ด๋ฒคํŠธ/ Ajax/ ๋‹ค์–‘ํ•œ ํ•จ์ˆ˜

1. ์ด๋ฒคํŠธ ์ดํ•ดํ•˜๊ธฐ click : ํด๋ฆญ ์ด๋ฒคํŠธ dblclick : ๋”๋ธ”ํด๋ฆญ ์ด๋ฒคํŠธ keypress : ํ‚ค๋ณด๋“œ ๋ˆ„๋ฅด๋ฉด ๋ฐœ์ƒํ•˜๋Š” ์ด๋ฒคํŠธ ์ด๋ฒคํŠธ ์‚ฌ์šฉ ์‹œ ์ฃผ์˜ ์‚ฌํ•ญ ์œ„์™€ ๊ฐ™์ด ์ด๋ฒคํŠธ๋ฅผ ์ง€์ •ํ•œ ํ›„, ๋‚˜์ค‘์— ๋™์ ์œผ๋กœ ์ƒ์„ฑ๋œ ํƒœ๊ทธ์—๋Š” ์ด๋ฒคํŠธ๊ฐ€ ๊ฑธ๋ฆฌ์ง€ ์•Š๋Š”๋‹ค. ์ด ๊ฒฝ์šฐ,

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

[jQuery] ๊ธฐ์ดˆ ์ง€์‹ ์ •๋ฆฌํ•˜๊ธฐ #2 - ์‚ฝ์ž…์œ„์น˜/ ์„ ํƒ์ž/ ์Šคํƒ€์ผ ์ œ์–ด/ Traversing/ Each()

1. HTML ์‚ฝ์ž…ํ•˜๊ธฐ before() : ์ง€์ •ํ•œ ํƒœ๊ทธ ๋ฐ”๋กœ ์ง์ „์— ํƒœ๊ทธ๊ฐ€ ์‚ฝ์ž…๋œ๋‹ค. after() : ์ง€์ •ํ•œ ํƒœ๊ทธ ๋ฐ”๋กœ ์งํ›„์— ํƒœ๊ทธ๊ฐ€ ์‚ฝ์ž…๋œ๋‹ค. prepend() : ์ง€์ •ํ•œ ํƒœ๊ทธ์˜ ์ž์‹ ๋…ธ๋“œ ์ค‘ ์ œ์ผ ์ฒซ๋ฒˆ์งธ์— ์‚ฝ์ž…๋œ๋‹ค. append() : ์ง€์ •ํ•œ ํƒœ๊ทธ์˜ ์ž์‹ ๋…ธ

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

[jQuery] ๊ธฐ์ดˆ ์ง€์‹ ์ •๋ฆฌํ•˜๊ธฐ #1 - ํƒœ๊ทธ ์„ ํƒ, ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ณ  ๋ณ€๊ฒฝํ•˜๊ธฐ

1. ํƒœ๊ทธ ์„ ํƒํ•˜๊ธฐ - $('selector') jQuery์—์„œ๋Š” $('selecto')๋กœ ์„ ํƒ์ž๋ฅผ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. 2. ํƒœ๊ทธ ์†์„ฑ๊ณผ HTML ๊ฐ’์„ ํ™•์ธํ•˜๊ณ  ๋ณ€๊ฒฝํ•˜๊ธฐ attr() - ํƒœ๊ทธ ์†์„ฑ์˜ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ณ  ๋ณ€๊ฒฝํ•˜๊ธฐ attr() ์‚ฌ์šฉ๋ฐฉ๋ฒ• > $('selector').attr('ํƒœ๊ทธ์˜ ์†์„ฑ key๋ช…', '์„ธํŒ…ํ•  value') attr()๋ฅผ ์ด์šฉํ•ด์„œ ๊ฐ’...

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

jQuery ๊ธฐ๋ณธ ์ง€์‹ ์ •๋ฆฌํ•˜๊ธฐ

jQuery๋ž€ ๋ฌด์—‡์ธ๊ฐ€? jQuery๋ž€ JavaScript์˜ ์ƒ์‚ฐ์„ฑ์„ ํ–ฅ์ƒ์‹œ์ผœ์ฃผ๋Š” JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ž€? ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์ฝ”๋“œ๋“ค์„ ์žฌ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ๋กœ ๊ฐ€๊ณตํ•ด์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํšจ์œจ์„ ๋†’์—ฌ์ฃผ๋Š” ์ฝ”๋“œ๋“ค์ด๋‹ค. jQuery์˜ ํŠน์ง• Element๋ฅผ ์„ ํƒํ•˜๊ธฐ ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์„ ํƒ๋œ Element๋“ค์„ ํšจ์œจ์ ์œผ๋กœ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. Java...

2020๋…„ 1์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€