Skip to content

Latest commit

ย 

History

History
150 lines (122 loc) ยท 13.9 KB

File metadata and controls

150 lines (122 loc) ยท 13.9 KB

็ฎ€ไฝ“ไธญๆ–‡ | English | ํ•œ๊ตญ์–ด | Tiแบฟng Viแป‡t | ็น้ซ”ไธญๆ–‡
๐Ÿ‘†๏ธ์ž…์žฅ GitHub ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ์œ„ํ•ด readme ํŒŒ์ผ์„ ์ผœ์‹ญ์‹œ์˜คใ€‚

๊ถŒ์žฅ ์‚ฌ์šฉ๏ผš
Support
Support
Support
๐Ÿ’ก Tip: ์œ„์— ๋‚˜์—ด๋œ ์Šคํฌ๋ฆฝํŠธ ๊ด€๋ฆฌ์ž์™€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ชจ๋‘๋ฅผ ๋‚˜ํƒ€๋‚ด์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.
์Šคํฌ๋ฆฝํŠธ๋Š” ์ •์ƒ์ ์œผ๋กœ ๋‹ค์Œ ํ™˜๊ฒฝ์—์„œ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค
Passed

YouTube ๋™์  ๋น„๋””์˜ค ๊ทธ๋ฆฌ๋“œ

ใ€Œ ์ฐฝ ๋„ˆ๋น„๋ฅผ ๊ธฐ์ค€์œผ๋กœ YouTube ๋น„๋””์˜ค ๊ทธ๋ฆฌ๋“œ๋ฅผ ๋™์ ์œผ๋กœ ์กฐ์ •ํ•˜์—ฌ ํ•œ ์ค„ ๋‹น ๊ฐ€์žฅ ์ ํ•ฉํ•œ ๋น„๋””์˜ค ์ˆ˜๋ฅผ ํ‘œ์‹œํ•˜๊ณ  ๋” ๋น ๋ฅธ ๋ฐ˜์‘ ํ˜• ๋ ˆ์ด์•„์›ƒ์„ ์œ„ํ•ด ๊ธฐ๋ณธ 3 ๋น„๋””์˜ค ๊ทธ๋ฆฌ๋“œ๋ฅผ ๋ฎ์–ด ์”๋‹ˆ๋‹ค. ใ€

Views

Download:Github | โญGreasy Fork

๋ ˆ์ฝ”๋“œ ์—…๋ฐ์ดํŠธ

๐Ÿ› ๏ธ youtube-dynamic-grid ๋กœ๊ทธ ์—…๋ฐ์ดํŠธ

๐Ÿ“… 2025.6.3.1

์ƒˆ๋กœ์šด: โ€ข์ดˆ๊ธฐ ๋ฒ„์ „


๐Ÿ’– ์Šคํฌ๋ฆฝํŠธ๋Š” ๋‹ค์Œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฐธ์กฐํ•˜๊ฑฐ๋‚˜ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค:

๐Ÿง‘โ€๐Ÿ’ป @nicholas-fedor โ‡’ ๐Ÿ“œ youtube-dynamic-grid

๊ฐœ์š”

๋ธŒ๋ผ์šฐ์ € ์ฐฝ์˜ ๋„ˆ๋น„์— ๋”ฐ๋ผ ํ•œ ์ค„์— ํ‘œ์‹œ๋œ ๋น„๋””์˜ค ์ˆ˜๋ฅผ ๋™์ ์œผ๋กœ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค.๏ผŒ์ตœ์ ํ™”YouTube๋น„๋””์˜ค ๊ทธ๋ฆฌ๋“œ ๋ ˆ์ด์•„์›ƒใ€‚
์ด ์Šคํฌ๋ฆฝํŠธ๋Š” ๋ ˆ์ด์•„์›ƒ์ด ๋ฐ˜์‘์ด๋˜๋„๋กํ•ฉ๋‹ˆ๋‹ค๏ผŒ์ด๊ฒƒ์€ ํ™”๋ฉด ๊ณต๊ฐ„์„ ์ตœ์ ํ™”ํ•ฉ๋‹ˆ๋‹ค๏ผŒ๋” ๋‚˜์€ ํƒ์ƒ‰ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜์‹ญ์‹œ์˜คใ€‚
์ด ์Šคํฌ๋ฆฝํŠธ๋Š” ์ตœ๊ณ ์˜ ๋น„๋””์˜ค ์ˆ˜๋ฅผ ๊ณ„์‚ฐํ•ฉ๋‹ˆ๋‹ค๏ผˆ์‚ฌ์ด3๋„์ฐฉํ•˜๋‹ค12~ ์‚ฌ์ด๏ผ‰๏ผŒํ•„์š”ํ•œ ๊ฒƒ์„ ์ ์šฉํ•˜์‹ญ์‹œ์˜คCSS์”Œ์šฐ๋‹คใ€‚

์ด ์Šคํฌ๋ฆฝํŠธ๋Š” ์˜ค๋žซ๋™์•ˆ ์œ ํšจ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.ใ€‚

๋นจ๋ฆฌ ์‹œ์ž‘ํ•˜์‹ญ์‹œ์˜ค

์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ๏ผš

  • ๋ธŒ๋ผ์šฐ์ €์—์„œ ์•ก์„ธ์ŠคYouTubeใ€‚
  • ์Šคํฌ๋ฆฝํŠธ๋Š” ์ฐฝ ํฌ๊ธฐ์— ๋”ฐ๋ผ ๋น„๋””์˜ค ๊ทธ๋ฆฌ๋“œ๋ฅผ ์ž๋™์œผ๋กœ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค.ใ€‚
  • ๋™์  ๊ทธ๋ฆฌ๋“œ ์ ์‘์„ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ๋ธŒ๋ผ์šฐ์ € ์ฐฝ์„ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜์‹ญ์‹œ์˜คใ€‚
  • ์กด์žฌํ•˜๋‹คURL๋‚˜์ค‘์— ์ถ”๊ฐ€ํ•˜์‹ญ์‹œ์˜ค?debug=1๏ผˆ์˜ˆ๋ฅผ ๋“ค์–ด๏ผŒhttps://www.youtube.com/?debug=1๏ผ‰๋””๋ฒ„๊ทธ ๋กœ๊ทธ๋ฅผ ํ™œ์„ฑํ™” ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹คใ€‚

๊ธฐ๋Šฅ

  • ๋ฐ˜์‘ ํ˜• ๋ฉ”์‰ฌ๏ผš์ฐฝ ๋„ˆ๋น„์— ๋”ฐ๋ผ ํ•œ ์ค„์— ํ‘œ์‹œ๋œ ๋น„๋””์˜ค ์ˆ˜ ์กฐ์ •๏ผˆ3๋„์ฐฉํ•˜๋‹ค12๏ผ‰ใ€‚
  • ์›ํ™œํ•œ ํ†ตํ•ฉ๏ผš์ ์šฉ ๊ฐ€๋ŠฅYouTubeํ™ˆํŽ˜์ด์ง€ ๋ฐ ๊ธฐํƒ€ ๋น„๋””์˜ค ๊ทธ๋ฆฌ๋“œ ํŽ˜์ด์ง€ใ€‚
  • ํšจ์œจ์ ์ธ ์—…๋ฐ์ดํŠธ๏ผš์‚ฌ์šฉMutationObserver์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ํ†ตํ•œ ์‹ค์‹œ๊ฐ„ ๊ทธ๋ฆฌ๋“œ ์กฐ์ •ใ€‚
  • ๋˜๊ฐ๊ธฐ ๋ฉ”์ปค๋‹ˆ์ฆ˜๏ผš์„ค๋ฌธ ์กฐ์‚ฌ์™€ ์žฌ์‹œ๋„๋ฅผ ํฌํ•จํ•˜์—ฌ์ด๋ฅผ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹คYouTube๋™์  ๋ถ€ํ•˜ ํ˜ธํ™˜์„ฑใ€‚

์‚ฌ์šฉ ๋ฐฉ๋ฒ•

  • ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹คYouTubeํŽ˜์ด์ง€๏ผˆ*://www.youtube.com/* ๊ทธ๋ฆฌ๊ณ  *://youtube.com/*๏ผ‰์ž๋™์œผ๋กœ ์‹คํ–‰๋ฉ๋‹ˆ๋‹คใ€‚
  • ๊ตฌ์„ฑ์ด ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค๏ผ›๊ทธ๋ฆฌ๋“œ๋Š” ๋ธŒ๋ผ์šฐ์ € ์ฐฝ์˜ ๋„ˆ๋น„์— ๋”ฐ๋ผ ์ž๋™์œผ๋กœ ์กฐ์ •๋ฉ๋‹ˆ๋‹ค.ใ€‚
  • ์ตœ์ ์˜ ์„ฑ๋Šฅ์„ ์œ„ํ•ด๏ผŒ์—ฌ๋Ÿฌ ๊ทธ๋ฆฌ๋“œ ์ˆ˜์ • ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋™์‹œ์— ์‹คํ–‰ํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.ใ€‚

๋งค๊ฐœ ๋ณ€์ˆ˜

  • videoWidth: 340px๏ผˆ์ธ๋„ค์ผ ๋„ˆ๋น„๏ผŒ์ ์šฉ ๊ฐ€๋Šฅ3440x1440ํ™”๋ฉด์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค9๋น„๋””์˜ค๏ผ‰
  • margin: 40px๏ผˆ์™ผ์ชฝ๊ณผ ์˜ค๋ฅธ์ชฝ์˜ ์ด ๋งˆ์ง„๏ผ‰
  • gap: 10px๏ผˆ์ธ๋„ค์ผ ๊ฐ„๊ฒฉ๏ผ‰

๋•๋‹ค

๊ถŒ์žฅ ๋ธŒ๋ผ์šฐ์ € ๋ฐ ์Šคํฌ๋ฆฝํŠธ ๊ด€๋ฆฌ์ž๏ผš

  • Greasemonkey + Waterfox
  • Tampermonkey/Violentmonkey + Firefox
  • Tampermonkey/Violentmonkey + Chrome
  • Userscripts + ios Safari
  • Violentmonkey/KiWiBrowser + Android

์‚ฌ์šฉ์ž ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„์•ผ ํ•  ๊ฒฝ์šฐ,๋‚˜๋ฅผ ํด๋ฆญํ•˜์‹ญ์‹œ์˜ค๊ทธ๋ฆผ๊ณผ ํ…์ŠคํŠธ์˜ ๊ฐ€๋ฅด์นจ์„๋ณด์‹ญ์‹œ์˜ค!