250x250
Rainbow๐ŸŒˆCoder
My dev Note๐Ÿ“’
Rainbow๐ŸŒˆCoder
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (411)
    • ๊ณต์ง€์‚ฌํ•ญ (0)
    • Debugger (10)
      • Visual Studio Debugger (1)
      • Chrome DevTools (3)
      • Visual Studio Code Debugger (4)
      • eclipse (1)
      • intelliJ (1)
    • OOP (2)
      • OOP (2)
    • TypeScript (54)
      • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ TypeScript (54)
    • Javascript (87)
      • Javascript (45)
      • Node.js (19)
      • React (5)
      • FE ๊ฐœ๋ฐœํ™˜๊ฒฝ์„ค์ • (3)
      • React์™€ Node ๊ฐ™์ด ๋•Œ๋ ค์žก๊ธฐ (6)
      • next.js (2)
      • pixi.js (7)
    • ๋งˆํฌ์—… (23)
      • Html & Css (23)
    • C# (80)
      • C# (12)
      • ์ด๊ฒƒ์ด C#์ด๋‹ค (68)
    • C++ (30)
      • c++ (27)
      • win api (3)
    • Unity (18)
      • Unity(๊ธฐ์ดˆ) (8)
      • Unity(C#์ค‘๊ธ‰) (5)
      • ์œ ๋‹ˆํ‹ฐ ํฌํ†ค(๋„คํŠธ์›Œํฌ) (4)
      • unity c# MyCode (1)
    • Java & Spring (29)
      • Java (11)
      • ์Šคํ”„๋ง (8)
      • Java Algorithm (9)
      • Javs Data Structures (1)
    • ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (15)
      • ์ž๋ฃŒ๊ตฌ์กฐ (5)
      • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (10)
    • ํ˜•์ƒ๊ด€๋ฆฌ (15)
      • Git (11)
      • ์†Œ์ŠคํŠธ๋ฆฌ (3)
    • ๊ทธ๋ž˜ํ”ฝ์Šค (7)
      • WebGl (7)
    • AWS (3)
      • aws (3)
    • ๋ฆฌ๋ˆ…์Šค (5)
      • ๋ฆฌ๋ˆ…์Šค (5)
    • ์ฑ… ๋ฆฌ๋ทฐ (13)
      • ํด๋ฆฐ์ฝ”๋“œ(์ฑ…๋ฆฌ๋ทฐ) (3)
      • ์œ ์ง€๋ณด์ˆ˜๊ฐ€๋Šฅํ•œ์ฝ”๋”ฉ์˜๊ธฐ์ˆ C#ํŽธ(์ฑ…๋ฆฌ๋ทฐ) (1)
      • ๋ฆฌํŒฉํ† ๋ง(์ž๋ฐ”์Šคํฌ๋ฆฝํŠธํŒ) (9)
    • Server (2)
      • ๊ฒŒ์ž„ ์„œ๋ฒ„(๋„คํŠธ์›Œํฌ, ๋ฉ€ํ‹ฐ์“ฐ๋ ˆ๋“œ,OS) (2)
    • ์„ค๊ณ„, ์•„ํ‚คํ…์ณ (4)
    • ํŒŒ์ด์ฌ (5)
    • ๋””์ž์ธํŒจํ„ด (2)
    • mocha (2)
    • Jest (1)
    • Spine (1)
    • ์ธ๊ณต์ง€๋Šฅ (1)
      • ํ˜ผ์ž๊ณต๋ถ€ํ•˜๋Š”๋จธ์‹ ๋Ÿฌ๋‹+๋”ฅ๋Ÿฌ๋‹ (1)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์œ„์ž„
  • ใ…ฃใ„ท
  • MySQL
  • ์ปดํฌ์ง€์…˜

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
Rainbow๐ŸŒˆCoder

My dev Note๐Ÿ“’

Javascript/Javascript

[JavaScript] document.getElementsByClassName() - ํŠน์ • class๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” dom ์š”์†Œ๋“ค์„ ์ฐพ๊ธฐ/๊ฐ€์ ธ์˜ค๊ธฐ

2022. 12. 20. 16:00
728x90

https://mine-it-record.tistory.com/494

 

[JavaScript] document.getElementsByClassName() - ํŠน์ • class๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” dom ์š”์†Œ๋“ค์„ ์ฐพ๊ธฐ/๊ฐ€์ ธ์˜ค๊ธฐ (ft. elem

javascript๋กœ dom ์š”์†Œ๋ฅผ ์ œ์–ดํ• ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ๋ฉ”์„œ๋“œ์ค‘ ํ•˜๋‚˜์ธ document.getElementByClassName()์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ๋ฉ”์„œ๋“œ๋ช… ๊ทธ ์˜๋ฏธ๋ฅผ ๊ทธ๋Œ€๋กœ ๊ฐ€์ง€๊ณ  ์žˆ์–ด, ํŠน์ • class๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ชจ๋“  dom ์š”์†Œ์— ์ ‘๊ทผํ•˜๊ธฐ

mine-it-record.tistory.com

https://developer.mozilla.org/ko/docs/Web/API/Node/insertBefore

 

Node.insertBefore() - Web API | MDN

Node.insertBefore() ๋ฉ”์†Œ๋“œ๋Š” ์ฐธ์กฐ๋œ ๋…ธ๋“œ ์•ž์— ํŠน์ • ๋ถ€๋ชจ ๋…ธ๋“œ์˜ ์ž์‹ ๋…ธ๋“œ๋ฅผ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์ฃผ์–ด์ง„ ์ž์‹ ๋…ธ๋“œ๊ฐ€ document์— ์กด์žฌํ•˜๋Š” ๋…ธ๋“œ๋ฅผ ์ฐธ์กฐํ•œ๋‹ค๋ฉด, insertBefore() ๊ฐ€ ์ž์‹ ๋…ธ๋“œ๋ฅผ ํ˜„์žฌ ์œ„์น˜์—์„œ

developer.mozilla.org

https://powerku.tistory.com/114

 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ | insertBefore() ํŠน์ • ์œ„์น˜์— ์•ž์— ๋…ธ๋“œ ์‚ฝ์ž…

insertBefore() -> ๋ถ€๋ชจ๋…ธ๋“œ์˜ ๊ธฐ์ค€ ์  ๋…ธ๋“œ ์•ž์— ์‚ฝ์ž… ํ•  ๋…ธ๋“œ๋ฅผ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค.-> ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ์œ„์น˜์— ์‚ฝ์ž… ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด ๋ถ€๋ชจ ๋…ธ๋“œ์—์„œ๋„ ๊ตณ์ด ์‚ญ์ œ ํ•  ํ•„์š” ์—†์ด ์ž๋™์œผ๋กœ ์ด๋™ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.ex)

powerku.tistory.com

insertBefore()

insertBefore()๋Š” appendChild()์™€ ๋น„์Šทํ•˜์ง€๋งŒ, ์ „๋‹ฌ์ธ์ž๊ฐ€ ๋‘ ๊ฐœ๋ผ๋Š” ์ ์ด ๋‹ค๋ฅด๋‹ค. ์ฒซ ๋ฒˆ์งธ ์ „๋‹ฌ์ธ์ž๋Š” ์‚ฝ์ž…ํ•˜๋ ค๋Š” ๋…ธ๋“œ๊ณ  ๋‘ ๋ฒˆ์งธ ์ „๋‹ฌ์ธ์ž๋Š” ์‚ฝ์ž… ๊ธฐ์ค€์ด ๋˜๋Š” ๋…ธ๋“œ๋กœ, ์ƒˆ ๋…ธ๋“œ๋Š” ์ด ์•ž์— ๋†“๋Š”๋‹ค. ์ด ๋ฉ”์„œ๋“œ๋Š” ์‚ฝ์ž…ํ•  ๋…ธ๋“œ์˜ ๋ถ€๋ชจ ๊ฐ์ฒด๊ฐ€ ๋  ๋…ธ๋“œ์—์„œ ์ƒํ–‰๋œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‘ ๋ฒˆ์งธ ์ „๋‹ฌ์ธ์ž๋Š” ์ด ๋ถ€๋ชจ ๋…ธ๋“œ์˜ ์ž์‹ ๋…ธ๋“œ์—ฌ์•ผ ํ•œ๋‹ค. ๋‘ ๋ฒˆ์งธ ์ธ์ž๊ฐ€ null์ด๋ฉด, insertBefore()๋Š” appendChild()์ฒ˜๋Ÿผ ์ž‘๋™ํ•˜์—ฌ ์ž์‹ ๋…ธ๋“œ์˜ ๋์— ์‚ฝ์ž…ํ•œ๋‹ค.

 

https://iamawebdeveloper.tistory.com/62

728x90

'Javascript > Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋ฐฐ์—ด์˜ ํ•จ์ˆ˜๋“ค  (0) 2022.07.22
[Js] ๋ฐฐ์—ด ์ƒ์„ฑ  (0) 2022.07.22
Bind  (0) 2022.07.19
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ, ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ, ์ฝœ๋ฐฑํ•จ์ˆ˜  (0) 2022.05.29
[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ๋งค๊ฐœ๋ณ€์ˆ˜, ์ธ์ž ์šฉ์–ด ์ฐจ์ด  (0) 2022.05.27
    'Javascript/Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • ๋ฐฐ์—ด์˜ ํ•จ์ˆ˜๋“ค
    • [Js] ๋ฐฐ์—ด ์ƒ์„ฑ
    • Bind
    • [์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ, ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ, ์ฝœ๋ฐฑํ•จ์ˆ˜
    Rainbow๐ŸŒˆCoder
    Rainbow๐ŸŒˆCoder
    ๋ชฐ๋ผ๋„ ๊ฒฐ๊ตญ์€ ์•„๋Š” ๊ฐœ๋ฐœ์ž, ๊ทธ๋Ÿฐ ์‚ฌ๋žŒ์ด ๋˜๊ธฐ ์œ„ํ•œ ๋งค์ผ์˜ ํ•œ๊ฑธ์Œ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”