โ† ij modules ํฌํƒˆ

๐ŸŽ› ๋””์ž์ธ ํŠธ์œ… ํŒจ๋„ v3

๋ฐฐํฌ๋œ ํŽ˜์ด์ง€์—์„œ ์š”์†Œ๋ฅผ ์ง์ ‘ ํด๋ฆญํ•ด ์ƒ‰ยทํฌ๊ธฐยท์—ฌ๋ฐฑ์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋งŒ์ง€๊ณ , ๐Ÿ“ค ๋ฒ„ํŠผ ํ•œ ๋ฒˆ์ด๋ฉด ํด๋กœ๋“œ์—๊ฒŒ ์ „๋‹ฌ๋˜๋Š” ๋„๊ตฌ. v3 = ์ผ๋Ÿฌ์ŠคํŠธ๋ ˆ์ดํ„ฐ ์†๋ฒ„๋ฆ‡ ์ด์‹ (Ctrl+Zยท๋ฐฉํ–ฅํ‚คยท์Šคํฌ์ด๋“œยท๋‹ค์ค‘์„ ํƒ).

1. ์‹œ์ž‘ โ€” ์„ค์น˜ ์—†์Œ, ๋ฒ„ํŠผ์ด ์ด๋ฏธ ์žˆ์–ด์š”

ij-modules์˜ ๋ชจ๋“  ๋ชจ๋“ˆ ํŽ˜์ด์ง€ ์˜ค๋ฅธ์ชฝ ์•„๋ž˜์— ๐ŸŽ› ๋ฒ„ํŠผ์ด ํ•ญ์ƒ ๋–  ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ์ˆ˜์ •ํ•  ๋ชจ๋“ˆ ํŽ˜์ด์ง€๋ฅผ ์—ฐ๋‹ค (์ด ํฌํƒˆ์—์„œ ์นด๋“œ ํด๋ฆญ)
  2. ํ™”๋ฉด ์šฐํ•˜๋‹จ ๐ŸŽ› ๋ฒ„ํŠผ ํด๋ฆญ โ†’ ํŒจ๋„ ๋“ฑ์žฅ (๋)
  3. ์š”์†Œ ํด๋ฆญ์œผ๋กœ ์„ ํƒ (Shift+ํด๋ฆญ = ์—ฌ๋Ÿฌ ๊ฐœ ๊ฐ™์ด) โ†’ ์Šฌ๋ผ์ด๋”ยท์Šค์™€์น˜๋กœ ์ง์ ‘ ์กฐ์ž‘
  4. ๋๋‚˜๋ฉด ๐Ÿ“ค ํด๋กœ๋“œ์—๊ฒŒ ๋ณด๋‚ด๊ธฐ โ†’ ํด๋กœ๋“œ ์ฐฝ์— "ํŠธ์œ… ๋ฐ˜์˜ํ•ด์ค˜" ํ•œ๋งˆ๋”” โ†’ ์†Œ์Šค ๋ฐ˜์˜ยท๋ฐฐํฌ (๋ณต๋ถ™๋„ ํ•„์š” ์—†์Œ)

2. ๋‹ค๋ฅธ ํŽ˜์ด์ง€์—์„œ ์“ฐ๋ ค๋ฉด (์„ ํƒ โ€” ๋ถ๋งˆํด๋ฆฟ)

lungo-ref ๋“ฑ ๐ŸŽ› ๋ฒ„ํŠผ์ด ์—†๋Š” ๋ฐฐํฌ ํŽ˜์ด์ง€์—์„œ๋Š” ๋ถ๋งˆํฌ ๋ฒ„ํŠผ์œผ๋กœ ๋ถˆ๋Ÿฌ์˜ต๋‹ˆ๋‹ค. (ํ•œ ๋ฒˆ๋งŒ ์„ค์น˜)

  1. Ctrl+Shift+O โ†’ ๋ถ๋งˆํฌ ๊ด€๋ฆฌ์ž โ†’ ์˜ค๋ฅธ์ชฝ ์œ„ โ‹ฎ โ†’ ์ƒˆ ๋ถ๋งˆํฌ ์ถ”๊ฐ€
  2. ์ด๋ฆ„ ๐ŸŽ› ํŠธ์œ… ยท URL ์นธ์— ์•„๋ž˜ ์ฝ”๋“œ ๋ถ™์—ฌ๋„ฃ๊ธฐ โ†’ ์ €์žฅ โ†’ ๊ทธ ํŽ˜์ด์ง€์—์„œ ๋ถ๋งˆํฌ ํด๋ฆญ
javascript:(function(){var s=document.createElement("script");s.src="https://ij-modules.vercel.app/tweak.js?"+Date.now();document.body.appendChild(s);})()
โš ๏ธ ์ฃผ์†Œ์ฐฝ์ด ์•„๋‹ˆ๋ผ ๋ถ๋งˆํฌ(์ฆ๊ฒจ์ฐพ๊ธฐ)๋กœ ์ €์žฅํ•ด๋‘๊ณ  ํด๋ฆญํ•˜๋Š” ๋ฒ„ํŠผ์ž…๋‹ˆ๋‹ค. ์ฃผ์†Œ์ฐฝ์— ๋ถ™์ด๋ฉด ํฌ๋กฌ์ด ์ฝ”๋“œ๋ฅผ ์ง€์›Œ๋ฒ„๋ ค์š”.

3. ๊ธฐ๋Šฅ (v3)

์„ ํƒํด๋ฆญ=์„ ํƒ ยท Shift+ํด๋ฆญ=๋‹ค์ค‘ ์„ ํƒ ์ผ๊ด„ ์ ์šฉ ยท Esc=์„ ํƒ๋ชจ๋“œ ยท ๋ ˆ์ด์–ด ๊ฒฝ๋กœ(๋ธŒ๋ ˆ๋“œํฌ๋Ÿผ ํด๋ฆญ์œผ๋กœ ๋ถ€๋ชจ ์ด๋™)
์‹คํ–‰์ทจ์†ŒCtrl+Z โ€” ๋งˆ์ง€๋ง‰ ๋ณ€๊ฒฝ๋ถ€ํ„ฐ ์ฐจ๋ก€๋กœ ๋˜๋Œ๋ฆฌ๊ธฐ (์ผ๋Ÿฌ์ฒ˜๋Ÿผ)
์ด๋™๋ฐฉํ–ฅํ‚ค = ์—ฌ๋ฐฑ ยฑ1px ยท Shift+๋ฐฉํ–ฅํ‚ค = ยฑ10px (์ผ๋Ÿฌ ๋ฏธ์„ธ์กฐ์ •)
์Šคํฌ์ด๋“œ๐Ÿ’‰ โ€” ๋ฐ›์„ ์š”์†Œ ์„ ํƒ โ†’ ์Šคํฌ์ด๋“œ ์ผฌ โ†’ ์›๋ณธ ํด๋ฆญ = ์ƒ‰ยทํฐํŠธยทํฌ๊ธฐ ๋ณต์‚ฌ (์ผ๋Ÿฌ I ๋„๊ตฌ)
์ƒ‰๋ธŒ๋žœ๋“œ ํŒ”๋ ˆํŠธ ์Šค์™€์น˜ 13์ƒ‰ ์›ํด๋ฆญ + ์ž์œ  ํ”ผ์ปค
๋ฌธ์žํฌ๊ธฐยท๊ตต๊ธฐยท์ž๊ฐ„(ํŠธ๋ž˜ํ‚น)ยทํ–‰๊ฐ„(๋ ˆ๋”ฉ) ยท ํฐํŠธ ํ† ๊ธ€ ยท ๊ธ€์ž์ •๋ ฌ ยท I ์ดํƒค๋ฆญ / U ๋ฐ‘์ค„ ยท โœ๏ธ ํ…์ŠคํŠธ ์ˆ˜์ •
๋ฐ•์Šค๋ฐฐ์น˜ ์ •๋ ฌ(์š”์†Œ๋ฅผ ๋ถ€๋ชจ ๊ธฐ์ค€ ์™ผ/๊ฐ€์šด๋ฐ/์˜ค๋ฅธ โ€” ์ผ๋Ÿฌ Align) ยท ๋„ˆ๋น„ % ยท ํšŒ์ „ ยฑ180ยฐ ยท ๋ถˆํˆฌ๋ช…๋„ ยท ์•ˆ์—ฌ๋ฐฑยท์œ„/์•„๋ž˜์—ฌ๋ฐฑ ยท ๊ทธ๋ฆผ์ž ํ”„๋ฆฌ์…‹
๋‘ฅ๊ธ€๊ธฐ์Šฌ๋ผ์ด๋” + ์ฝ”๋„ˆ๋ณ„ ์„ ํƒ(โ—ฐโ—ณโ—ฑโ—ฒ โ€” ์ผ๋Ÿฌ ๋ผ์ด๋ธŒ ์ฝ”๋„ˆ์ฒ˜๋Ÿผ ์›ํ•˜๋Š” ๋ชจ์„œ๋ฆฌ๋งŒ)
ํš(๋ณด๋”)๊ตต๊ธฐ ์Šฌ๋ผ์ด๋” ยท ํš ์ƒ‰ ํ”ผ์ปค ยท โ”„์ ์„  ํ† ๊ธ€
๋„ํ˜• ์‚ฝ์ž…โ”€ ๊ตฌ๋ถ„์„  ยท โ€ขโ€ขโ€ข ๋„ํŠธ ยท ๐Ÿท ๋ฐฐ์ง€ โ€” ์„ ํƒ ์š”์†Œ ๋ฐ”๋กœ ์•„๋ž˜์— ์‚ฝ์ž… (Ctrl+Z ์ทจ์†Œ, ์‚ฝ์ž… ํ›„ ํด๋ฆญํ•ด ์ˆ˜์ • ๊ฐ€๋Šฅ)
ํ™•์ธ๐Ÿ‘ ์›๋ณธ ๋น„๊ต(๋ˆ„๋ฅด๋Š” ๋™์•ˆ) ยท ๋ณ€๊ฒฝ ๋ชฉ๋ก(๊ฐœ๋ณ„ โœ•์ทจ์†Œ) ยท โ†ฉ์„ ํƒ ๋˜๋Œ๋ฆฌ๊ธฐ ยท ์ „์ฒด์ทจ์†Œ=์ƒˆ๋กœ๊ณ ์นจ
๋‚ด๋ณด๋‚ด๊ธฐ๐Ÿ“ค ํด๋กœ๋“œ์—๊ฒŒ ๋ณด๋‚ด๊ธฐ(์›ํด๋ฆญ, ์‹œํŠธ๋กœ ์ž๋™ ์ „์†ก) ๋˜๋Š” ๐Ÿ“‹ ๋ณต์‚ฌ(์ˆ˜๋™ ๋ถ™์—ฌ๋„ฃ๊ธฐ)

4. ํ•œ๊ณ„

ยท cafe24 ๊ด€๋ฆฌ์ž ์—๋””ํ„ฐ ์•ˆ(iframe)์—์„œ๋Š” ์ž‘๋™ ์•ˆ ํ•จ โ€” ๋ฐฐํฌ๋œ ์‹ค์ œ ํŽ˜์ด์ง€์—์„œ ์‚ฌ์šฉ
ยท ๋ณ€๊ฒฝ์€ ํ™”๋ฉด์—์„œ๋งŒ (์‹ค์ œ ํŒŒ์ผ์€ ํด๋กœ๋“œ๊ฐ€ ๋ฐ˜์˜ํ•ด์•ผ ์ €์žฅ) โ€” ์ƒˆ๋กœ๊ณ ์นจํ•˜๋ฉด ์ดˆ๊ธฐํ™”
ยท ๋ฐฉํ–ฅํ‚ค ์ด๋™์€ ์—ฌ๋ฐฑ(margin) ์กฐ์ • ๋ฐฉ์‹ โ€” ์ผ๋Ÿฌ์ฒ˜๋Ÿผ ์ž์œ  ๋ฐฐ์น˜๋Š” ์•„๋‹˜ (์›น ๋ ˆ์ด์•„์›ƒ ๋ณดํ˜ธ)