728x90
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€ 1319

[jQuery] empty()์™€ remove() ์ฐจ์ด

https://www.devkuma.com/docs/jquery/%EC%9A%94%EC%86%8C%EC%9D%98-%EC%82%AD%EC%A0%9C-remove--detach--empty--unwrap-/ jQuery ์ž…๋ฌธ | ์š”์†Œ์˜ ์กฐ์ž‘ | ์š”์†Œ์˜ ์‚ญ์ œ .remove() .detach() .empty() .unwrap() ์š”์†Œ์˜ ์‚ญ์ œ ๋‹ค์Œ ๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์„ ํƒํ•œ ์š”์†Œ๋‚˜ ์ฝ˜ํ…์ธ ๋ฅผ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฉ”์†Œ๋“œ ์„ค๋ช… .remove() ์„ ํƒํ•œ ์š”์†Œ๋ฅผ DOM ํŠธ๋ฆฌ์—์„œ ์‚ญ์ œํ•œ๋‹ค. ์‚ญ์ œ๋œ ์š”์†Œ์™€ ์—ฐ๊ด€๋œ jQuery ๋ฐ์ดํ„ฐ๋‚˜ ์ด๋ฒคํŠธ๋„ ๊ฐ™์ด ์‚ญ www.devkuma.com remove() ๋Š” ์„ ํƒํ•œ ์š”์†Œ ์ „์ฒด๋ฅผ DOM์—์„œ ์ง€์›Œ๋ฒ„๋ฆฌ๋Š” ๊ฒƒ์ด๊ณ  empty()๋Š” ์„ ํƒํ•œ ์š”์†Œ์˜ ํƒœ๊ทธ๋Š” ๋‚จ์•„์žˆ๊ณ  ์ž์‹์š”์†Œ๋“ค์„ ์ง€์šฐ๋Š” ๊ฒƒ์ด๋‹ค. ํ•„์š”ํ•œ..

Front/JS & jQuery 2022.08.30

[jqeury][bootstrap] modal event

์œ„ ์†Œ์Šค์—์„œ ๋ฒ„ํŠผ์˜ id์— ๋ชจ๋‹ฌ open์˜ ์ด๋ฒคํŠธ๋ฅผ ๊ฑธ์—ˆ๊ณ  ์ทจ์†Œ์—๋Š” ๋ชจ๋‹ฌ์ด ๋‹ซํžˆ๋Š” ์ด๋ฒคํŠธ๋ฅผ ๊ฑธ์—ˆ์Šต๋‹ˆ๋‹ค. ๋ณดํ†ต์€ ์—ฌ๊ธฐ๊นŒ์ง€๋งŒ ์‚ฌ์šฉํ•ด๋„ ๋ฌด๋‚œํ•˜๊ธด ํ•œ๋ฐ ๋ชจ๋‹ฌ ๋™์ž‘์— ์ด๋ฒคํŠธ๋ฅผ ๊ฑธ์–ด์„œ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๋•Œ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ ํƒ€์ž… ์„ค๋ช… show.bs.modal ๋ชจ๋‹ฌ์ด ์—ด๋ฆด ๋•Œ ๋ฐ”๋กœ ์‹คํ–‰๋˜๋Š” ์ด๋ฒคํŠธ์ž…๋‹ˆ๋‹ค. shown.bs.modal ๋ชจ๋‹ฌ์˜ ์—ด๋ฆผ์ด ๋๋‚˜๊ณ  ์‹คํ–‰๋˜๋Š” ์ด๋ฒคํŠธ์ž…๋‹ˆ๋‹ค. hide.bs.modal ๋ชจ๋‹ฌ์ด ๋‹ซํž ๋•Œ ๋ฐ”๋กœ ์‹คํ–‰๋˜๋Š” ์ด๋ฒคํŠธ์ž…๋‹ˆ๋‹ค. hidden.bs.modal ๋ชจ๋‹ฌ์˜ ๋‹ซํž˜์ด ๋๋‚˜๊ณ  ์‹คํ–‰๋˜๋Š” ์ด๋ฒคํŠธ์ž…๋‹ˆ๋‹ค. ์ถœ์ฒ˜: https://nowonbun.tistory.com/538 [๋ช…์›” ์ผ์ง€:ํ‹ฐ์Šคํ† ๋ฆฌ] https://getbootstrap.com/docs/4.4/components/modal/

Front/JS & jQuery 2022.08.29

[Html] data- ์†์„ฑ ์‚ฌ์šฉํ•˜๊ธฐ

https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes ๋ฐ์ดํ„ฐ ์†์„ฑ ์‚ฌ์šฉํ•˜๊ธฐ - Web ๊ฐœ๋ฐœ ํ•™์Šตํ•˜๊ธฐ | MDN HTML5 (en-US) ํŠน์ • ์š”์†Œ์™€ ์—ฐ๊ด€๋˜์–ด ์žˆ์ง€๋งŒ ํ™•์ •๋œ ์˜๋ฏธ๋Š” ๊ฐ–์ง€ ์•Š๋Š” ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ํ™•์žฅ ๊ฐ€๋Šฅ์„ฑ์„ ์—ผ๋‘์— ๋‘๊ณ  ๋””์ž์ธ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. data-* ์†์„ฑ์€ ํ‘œ์ค€์ด ์•„๋‹Œ ์†์„ฑ์ด๋‚˜ ์ถ”๊ฐ€์ ์ธ DOM ์†์„ฑ, Node.setUserD developer.mozilla.org

Front/HTML 2022.08.26

[Error] TypeError: Assignment to constant variable.

https://itprogramming119.tistory.com/entry/Javascript-Assignment-to-constant-variable-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95 Assignment to constant variable ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• Assignment to constant variable ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ์—๋Ÿฌ๋Š” Javscript ES6์ด์ƒ์„ ์‚ฌ์šฉํ•˜๋ฉด ์–ด๋””์„œ๋“  ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์—๋Ÿฌ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, Javscript๋ฟ๋งŒ ์•„๋‹ˆ๋ผ Javscript๊ธฐ๋ฐ˜์ธ.. itprogramming119.tistory.com

Error 2022.08.25

[jQuery] event.currentTarget

์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง ๋‹จ๊ณ„ ๋‚ด์˜ ํ˜„์žฌ DOM์š”์†Œ๋ฅผ ๋งํ•œ๋‹ค. https://api.jquery.com/event.currentTarget/ event.currentTarget | jQuery API Documentation Description: The current DOM element within the event bubbling phase. This property will typically be equal to the this of the function. If you are using jQuery.proxy or another form of scope manipulation, this will be equal to whatever context you have pr api.jquery.com

Front/JS & jQuery 2022.08.22
728x90
๋ฐ˜์‘ํ˜•