Etherpad-lite: 1.8.0 ์ด์ƒ ๋ฒ„์ „์—์„œ ์„ฑ๋Šฅ ์ €ํ•˜

์— ๋งŒ๋“  2020๋…„ 08์›” 26์ผ  ยท  27์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ether/etherpad-lite

๋ฒ„๊ทธ ์„ค๋ช…
๋ฒ„์ „ 1.8.0์— ๋„์ž… ๋œ ์„ฑ๋Šฅ ์ €ํ•˜ ๋ฐ ์ตœ์‹  ๋ฒ„์ „์—์„œ๋„ ๋ณต์ œ ๊ฐ€๋Šฅ

์žฌํ˜„ํ•˜๋ ค๋ฉด
๋™์ž‘์„ ์žฌํ˜„ํ•˜๋Š” ๋‹จ๊ณ„ :

  1. ๊ธด ํŒจ๋“œ ๋งŒ๋“ค๊ธฐ (์˜ˆ : 4,000 ์ค„ ์ด์ƒ)
  2. ์ƒˆ ์ค„์„ ๋งŒ๋“ค๋ ค๋ฉด ํŒจ๋“œ์˜ ์‹œ์ž‘ ๋ถ€๋ถ„์—์„œ Enter ํ‚ค๋ฅผ ๋ˆ„๋ฆ…๋‹ˆ๋‹ค.
  3. ์˜ค๋žœ ์‹œ๊ฐ„ ๋ณ€๊ฒฝ ์ฒ˜๋ฆฌ

์˜ˆ์ƒ๋˜๋Š” ํ–‰๋™
Enter ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ ์ƒˆ ์ค„์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ๋นจ๋ผ์ง‘๋‹ˆ๋‹ค. ๊ธฐ์ค€์œผ๋กœ ๋ฒ„์ „ 1.7.5๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ ์ƒท

1. iframe ๋†’์ด๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ์˜ค๋ž˜๋œ ๋ฐฉ๋ฒ•

์ด๊ฒƒ์€ 1.8.0 ์ด์ „ ๋ฒ„์ „์—์„œ "ace2_inner"iframe์˜ ๋†’์ด๋ฅผ ๋ณ€๊ฒฝํ–ˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•˜๋Š” ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค.
Screen Shot 2020-08-26 at 10 50 48
https://github.com/ether/etherpad-lite/blob/1.7.5/src/static/js/ace2_inner.js#L4817

2. ์ƒˆ๋กœ์šด ์ ‘๊ทผ ๋ฐฉ์‹

์Šคํฌ๋ฆฐ ์ƒท์—์„œ ์•Œ ์ˆ˜ ์žˆ๋“ฏ์ด iframe์—๋Š” ๋†’์ด ์Šคํƒ€์ผ์ด ์ •์˜๋˜์–ด ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํฌ๊ธฐ๋Š” ๋‹ค์Œ์˜ ํฌ๊ธฐ๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค.
#sidediv ์–ด๋ฆฐ์ด. ์ด๊ฒƒ์€ flexbox๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
Screen Shot 2020-08-26 at 12 13 26

3. ๋™์ผํ•œ ํ…์ŠคํŠธ๊ฐ€์žˆ๋Š” 1.7.5 ๋ฐ 1.8.4 ์—๋””์…˜์˜ ๋น„๋””์˜ค

https://youtu.be/LpthRFAH3GM
_ ์ž…๋ ฅ ํ•  ๋•Œ ๋“ค์œผ์„ธ์š” _

๋ฐ์Šคํฌํƒ‘ (๋‹ค์Œ ์ •๋ณด๋ฅผ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค) :

  • Windows, MacOS, Ubuntu
  • Google Chrome ๋ฒ„์ „ 84.0.4147.135

์Šค๋งˆํŠธ ํฐ (๋‹ค์Œ ์ •๋ณด๋ฅผ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค) :

์–ด๋–ค ์Šค๋งˆํŠธ ํฐ์—์„œ๋„ ํ…Œ์ŠคํŠธํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค

์ถ”๊ฐ€ ์ปจํ…์ŠคํŠธ

์ฃผ์š” ๋ฌธ์ œ๋Š” ๋ฆฌํ”Œ ๋กœ์šฐ ๋น„์šฉ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค (๋‹ค์Œ ์„ธ์…˜ ํ™•์ธ). ์ฆ‰, ๋” ๋ณต์žกํ•œ CSS ๊ทœ์น™์„ ์‚ฌ์šฉํ•˜๋ฉด ์ง€์—ฐ์ด ์ฆ๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
#sidediv ๋ฅผ display:none ํ•˜๋ฉด ๋” ์ด์ƒ ์ง€์—ฐ์ด ๋ฐœ์ƒํ•˜์ง€ ์•Š์ง€๋งŒ ์—ฌ๊ธฐ https://github.com/ether/์— ์“ฐ์—ฌ์ง„๋Œ€๋กœ "ace2_inner"์˜ ํฌ๊ธฐ์— ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. etherpad-lite / blob / develop / src / static / css / iframe_editor.css # L125
๋‘ ๋ฒ„์ „ ๋ชจ๋‘ ํ”Œ๋Ÿฌ๊ทธ์ธ์—†์ด ์‹คํ–‰ ์ค‘์ž…๋‹ˆ๋‹ค.

๋™์˜์ƒ์— ํ‘œ์‹œ๋œ ์ž‘์—…์— ๋Œ€ํ•œ Chrome ๊ฐœ๋ฐœ ๋„๊ตฌ ๋ณด๊ณ ์„œ

1.7.5

graph175
functionCall175

1.8.4

_ ๋ Œ๋”๋ง ์‹œ๊ฐ„์ด ๋งŽ์ด ์ฆ๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค _
graph184
_ "๋ ˆ์ด์•„์›ƒ"์ž‘์—…์— ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„ ํ™•์ธ _
functionCall184

ํ…Œ๋งˆ์— ๋Œ€ํ•œ ํฅ๋ฏธ๋กœ์šด ๊ธฐ์‚ฌ

  1. https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing

  2. https://gist.github.com/paulirish/5d52fb081b3570c81e3a

  3. https://gist.github.com/paulirish/5d52fb081b3570c81e3a#more-on-forced-layout

Serious Bug

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š”! ์ด ๋งค์šฐ ๋ช…ํ™•ํ•œ ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ @joassouza์— ๊ฐ์‚ฌ ๋“œ๋ฆฌ๋ฉฐ ๋ฒ„๊ทธ์— ๋Œ€ํ•ด ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค

์ง€๊ธˆ์€ ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ์— ์ง‘์ค‘ํ•ด์„œ ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ์ฃผ์—์ด ํ‹ฐ์ผ“์„ ์ž์„ธํžˆ ์‚ดํŽด ๋ณด๋„๋กํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ˆ„๊ตฐ๊ฐ€ ํ•ด๊ฒฐํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๋‚ด ์†๋‹˜์ด ๋˜์‹ญ์‹œ์˜ค!

๋ชจ๋“  27 ๋Œ“๊ธ€

์ฐธ์กฐ @seballot

์ด afaik์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ ๋ฒ”์œ„๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์‘๋‹ต ์„ฑ ํ”„๋ŸฐํŠธ ์—”๋“œ ํ…Œ์ŠคํŠธ๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

๋ฆฌํ”Œ ๋กœ์šฐ์˜ ๋ฌธ์ œ๋Š” ๋งŽ์€ ์–‘์˜ ๋…ธ๋“œ๊ฐ€์žˆ์„ ๋•Œ ๋” ์‰ฝ๊ฒŒ ๊นจ๋‹ซ๊ฒŒ๋ฉ๋‹ˆ๋‹ค.
๊ทธ ๊ฑฐ์˜ˆ์š”? https://github.com/ether/etherpad-lite/blob/develop/tests/frontend/specs/responsiveness.js
๋Œ“๊ธ€์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์˜ค, ์ด๋Ÿฐ, ๋‚˜๋Š” ์ฃผ์„์„ ์ œ๊ฑฐํ•˜๊ณ  ์šฐ๋ฆฌ๊ฐ€ ์ž‘๋™ํ•˜๋Š” ํ…Œ์ŠคํŠธ ๋ฒ”์œ„๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. @seballot ๊ฐ€ ์„ฑ๋Šฅ ์ˆ˜์ •์„ ์„œ๋‘˜๋Ÿฌ ์ฐพ์„ ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. :)

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค @JohnMcLear!

์ฃผ์„์ด ์—†์Šต๋‹ˆ๋‹ค. ์ •๋ง ์ฒ ์ €ํ•˜๊ณ  ์ž˜ ์ •๋ฆฌ ๋œ ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. @seballot๋ฅผ ๋‹ค์‹œ ๋ฒ”ํ”„ํ•ฉ๋‹ˆ๋‹ค : +1 :

์•„์ง @seballot ์—์„œ

์•ˆ๋…•ํ•˜์„ธ์š”! ์ด ๋งค์šฐ ๋ช…ํ™•ํ•œ ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ @joassouza์— ๊ฐ์‚ฌ ๋“œ๋ฆฌ๋ฉฐ ๋ฒ„๊ทธ์— ๋Œ€ํ•ด ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค

์ง€๊ธˆ์€ ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ์— ์ง‘์ค‘ํ•ด์„œ ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ์ฃผ์—์ด ํ‹ฐ์ผ“์„ ์ž์„ธํžˆ ์‚ดํŽด ๋ณด๋„๋กํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ˆ„๊ตฐ๊ฐ€ ํ•ด๊ฒฐํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๋‚ด ์†๋‹˜์ด ๋˜์‹ญ์‹œ์˜ค!

@seballot ๋Š” ์ด๋ฒˆ ์ฃผ์— ์ผ์ •์— ์‹œ๊ฐ„์„ ํ• ์• ํ•˜์—ฌ ์ด๊ฒƒ์„ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค. :) ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์•ˆ๋…•ํ•˜์„ธ์š” !

์žฌํ˜„ ํ•  ์ˆ˜์—†๊ณ  6000 ์ค„์˜ ๊ธด ํŒจ๋“œ๋ฅผ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

Peek 06-09-2020 11-27

Debian 9-> Chromium 73 ๋ฐ Firefox 68์—์„œ ํ…Œ์ŠคํŠธ ๋จ

์ค„ ๋ฒˆํ˜ธ๊ฐ€ ๋‚˜๋น  ๋ณด์ด๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ (1 ๋ฒˆ์€ ๊ดœ์ฐฎ๊ฒŒ ํ‘œ์‹œ๋˜๊ณ  2 ๋ฒˆ๋ถ€ํ„ฐ๋Š” ๋„ˆ๋ฌด ์ปค์„œ ์ •๋ ฌ๋˜์ง€ ์•Š์Œ)?
ํ˜„์ง€ ๊ทœ์ •์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?
์„ฑ๋Šฅ ์ €ํ•˜๊ฐ€ Mac์—์„œ๋งŒ ๋ฐœ์ƒํ•˜๋Š” ๊ฒƒ์ผ๊นŒ ์š”? ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ์ œ๋ฐœ ์‹œ๋„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

ํ…Œ์ŠคํŠธํ•˜์ง€๋Š” ์•Š์•˜์ง€๋งŒ ํ†ต๊ณผํ–ˆ๋˜ Firefox ์‘๋‹ต ํ…Œ์ŠคํŠธ ์‹คํŒจ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํ‚จ์ด์—†๋Š” ์ƒํƒœ์—์„œ Firefox ๋ฐ˜์‘ ํ˜• ํ…Œ์ŠคํŠธ๋ฅผ ์‹œ๋„ํ•˜์—ฌ ํ†ต๊ณผํ–ˆ๋Š”์ง€ ํ™•์ธ ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

ํฌ๋กฌ๊ณผ ํŒŒ์ด์–ด ํญ์Šค์—์„œ ๋‚˜๋ฅผ ์œ„ํ•ด ํ…Œ์ŠคํŠธ ํ†ต๊ณผ

image

๋„ค, ๋‚˜์—๊ฒŒ๋„ ํ†ต๊ณผํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋” ๊นŠ์ด ํŒŒ๊ณ  ๋“ค์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์šฐ๋ฆฌ๊ฐ€ ๋น ๋ฅธ (ish) PC๋ฅผ โ€‹โ€‹์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ณ  ์†Œ์Šค ์—ฐ๊ตฌ์†Œ๊ฐ€ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ๋†๋ฏผ VM์„ ๋˜์ง€๊ธฐ ๋•Œ๋ฌธ์— ํ†ต๊ณผํ•˜๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋˜ํ•œ ์šฐ๋ถ„ํˆฌ์—์„œ ff์—์„œ ์ œ๋กœ ์ง€์—ฐ์„ ๊ฒฝํ—˜ํ•ฉ๋‹ˆ๋‹ค.

์ข‹์Šต๋‹ˆ๋‹ค. amount ๋ฅผ 1600000 (8k ๋ผ์ธ ์ƒ์„ฑ)๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด ์ง€์—ฐ์ด ๋ˆˆ์— ๋„๊ฒŒ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

@seballot , tests/frontend/specs/responsiveness.js line 26 ํ•ด๋ณด์‹ญ์‹œ์˜ค.

์ด๊ฒƒ์ด ์ƒˆ๋กœ์šด ๋ฒ„๊ทธ์ธ์ง€ ํ™•์ธํ•  ์ˆ˜๋Š” ์—†์ง€๋งŒ 1.7.9 ๋“ฑ์„ ํ™•์ธํ•˜๊ณ  ๋™์ž‘์ด ์‹ค์ œ๋กœ ๋‹ค๋ฅธ์ง€ ํ™•์ธํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์‘๋‹ต ์„ฑ ํ…Œ์ŠคํŠธ๊ฐ€ ์•ฝ 1k ๋ผ์ธ ํ‘œ์‹œ์— ์žˆ์—ˆ๋˜ ์ด์œ ๊ฐ€ ์žˆ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

Firefox 52์—์„œ์˜ ๊ฒฝํ—˜์ด ๋ฌธ์ œ๋ผ๋Š” ์ ๋„ ์ฃผ๋ชฉํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ์‹  FF๋Š” ๊ดœ์ฐฎ์•„ ๋ณด์ž…๋‹ˆ๋‹ค. ์‘๋‹ต ์„ฑ ํ…Œ์ŠคํŠธ๋Š” FF 52์—์„œ ์ถฉ๋Œํ•˜์ง€๋งŒ 80 ์—์„œ๋Š” ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค.

this.timeout ์—์„œ ์‘๋‹ต ํ…Œ์ŠคํŠธ๊ฐ€ ์‹คํŒจํ•˜๋ฉด ํ•จ์ˆ˜ ์˜ค๋ฅ˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. https://github.com/ether/etherpad-lite/pull/4257/files

๋” ๋งŽ์€ ๋งฅ๋ฝ์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด. ํ…Œ์ŠคํŠธ๋Š” MacO์˜ Chrome์—์„œ ์ด๋ฃจ์–ด์กŒ์Šต๋‹ˆ๋‹ค. i9, 64GB RAM๊ณผ ๊ฐ™์€ ๋งค์šฐ ๋น ๋ฅธ ์‹œ์Šคํ…œ์—์„œ ๋™์ผํ•œ ์˜ค๋ฅ˜๋ฅผ ์žฌํ˜„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
@seballot ํŒจ๋“œ์˜ ์‹œ์ž‘ ๋ถ€๋ถ„์—์„œ ํŽธ์ง‘ ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?
๋ฐฉ๊ธˆ ํฌ๋กฌ์„ ์‚ฌ์šฉํ•˜๋Š” Windows ์ปดํ“จํ„ฐ์—์„œ๋„ ์‹œ๋„ํ•ด ๋ณด์•˜๊ณ  ๋™์ผํ•œ ์ง€์—ฐ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
https://video.etherpad.com/p/example_long_pad

๋‚˜๋Š” ๋ฐ”๋ณด์ฒ˜๋Ÿผ Firefox๋ฅผ ํ…Œ์ŠคํŠธ ํ•ด ์™”์œผ๋ฉฐ ์ง€๊ธˆ Chrome์„ ํ…Œ์ŠคํŠธ ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ๋ž˜,์™€, ์ด๊ฑด ๋‚˜์˜๋‹ค. ๊ธˆ์•ก์„ 800000 ๋ณ€๊ฒฝํ–ˆ๋Š”๋ฐ ์ง€์—ฐ์ด ๋”์ฐํ•ฉ๋‹ˆ๋‹ค.

ํŒจ๋“œ์˜ ์‹œ์ž‘ ๋ถ€๋ถ„์—์„œ ํŽธ์ง‘ํ•˜๋ฉด ์ง€์—ฐ์ด ์ฆ๊ฐ€ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์˜ ์ฒซ ์ค„์ฒ˜๋Ÿผ.

Chrome ์„ฑ๋Šฅ ๋„๊ตฌ์— ๋„ˆ๋ฌด ์ต์ˆ™ํ•˜์ง€๋Š” ์•Š์ง€๋งŒ responsiveness.js ํŒจ๋“œ๋ฅผ ํŽธ์ง‘ํ•˜๋ ค๊ณ  ํ•  ๋•Œ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
Screenshot from 2020-09-06 16-54-38

๋‚ด๊ฐ€ ๋‹น์‹ ์ฒ˜๋Ÿผ ๋ชจ๋“  ๋ ˆ์ด์•„์›ƒ ์‹œ๊ฐ„์„ ์–ป์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

Windows ์‹œ์Šคํ…œ์—์„œ FF๋ฅผ ์‹œ๋„ํ–ˆ์ง€๋งŒ ๋™์ผํ•œ ์ง€์—ฐ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํŒจ๋“œ ์‚ฌ์šฉ

https://video.etherpad.com/p/example_long_pad
๋ฆฌํ”Œ ๋กœ์šฐ๋Š” ์–ด๋–ค CSS๊ฐ€ ์ ์šฉ๋˜๋Š”์ง€, ๋ธŒ๋ผ์šฐ์ €, js ์ฝ”๋“œ๊ฐ€ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š”์ง€์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ํ”Œ๋Ÿฌ๊ทธ์ธ์—†์ด ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. ์‘๋‹ต ํ…Œ์ŠคํŠธ์˜ ์ฝ”๋“œ๋ฅผ ํ™•์ธํ•˜์—ฌ ์™œ ์ด๋Ÿฌํ•œ ํ…Œ์ŠคํŠธ์—์„œ ์ง€์—ฐ์„ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜๋Š”์ง€ ์ดํ•ดํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” ! ์‹ค์ œ๋กœ 8K์—์„œ๋Š” ์–ผ๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‚˜๋Š” 1.7.5๋กœ ์ „ํ™˜ํ–ˆ๊ณ  8k์˜ ํŒจ๋“œ๋กœ ๋˜‘๊ฐ™์ด ์–ผ์–ด ๋ถ™์Šต๋‹ˆ๋‹ค (์‹ฌ์ง€์–ด ์ตœ์•…์ด๋ผ๊ณ  ๋งํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค!)

์–ด์จŒ๋“  ํŒจ๋“œ๊ฐ€ ๋„ˆ๋ฌด ํฌ๋ฉด etherpad๊ฐ€ ๋Š๋ ค์ง€๋Š” ๊ฒƒ์€ ์‚ฌ์‹ค์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๊ทธ๊ฒƒ์ด ์ค‘์š”ํ•œ ๋ฒ„๊ทธ๋ผ๊ณ  ์ƒ๊ฐํ•˜์ง€ ์•Š๋Š”๋‹ค. ์™œ๋ƒํ•˜๋ฉด ํŒจ๋“œ๋Š” ์ฑ…์„ ์“ฐ๊ธฐ์œ„ํ•œ ๊ฒƒ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‚˜๋Š” ๋Œ€๋ถ€๋ถ„์˜ ์‚ฌ๋žŒ๋“ค์ด ๊ทธ๊ฒƒ๋“ค์„ ์งง์€ ํ…์ŠคํŠธ์— ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

ํ•˜์ง€๋งŒ ์˜ˆ, ์šฐ๋ฆฌ๋Š” ๊ฐœ์„  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‚˜๋Š” ๊ทธ๊ฒƒ์ด ๊ณ ํ†ต์Šค๋Ÿฌ์šด ์ผ์ด ๋  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค :) ๋˜ํ•œ ํ•œ ๊ฐ€์ง€ ํŠน์ด์„ฑ์€ etherpad๊ฐ€ ๋‹ค๋ฅธ iframe์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ ˆ์ด์•„์›ƒ์„ ์ •๋ ฌํ•˜๊ธฐ ์œ„ํ•ด ํ•ญ์ƒ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ‘œ์ค€ ๋ ˆ์ด์•„์›ƒ ํœด์ง€ํ†ต์—๋งŒ ๊ด€๋ จ์ด ์žˆ๋Š”์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์„œ๋กœ ์‚ฌ์ด (์˜ˆ : ์ค„ ๋†’์ด)

ํ•œ ๋ฒˆ ๋ณด๋ ค๊ณ ํ–ˆ์ง€๋งŒ ์•ฝ์†์€ ์•ˆ ํ•ด
1-๋ณ„๋กœ ์žฌ๋ฏธ ์žˆ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. :)
2- ์ค‘์š”ํ•œ ๋ฒ„๊ทธ๋ผ๊ณ  ์ƒ๊ฐํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@JohnMcLear ์ง€๊ธˆ ์‚ดํŽด ๋ณด๋ ค๊ณ ํ–ˆ์ง€๋งŒ ace2_inner.js ๋Œ€ํ•œ ๋ชจ๋“  ๋ณ€๊ฒฝ ์‚ฌํ•ญ (์ „์ฒด ํŒŒ์ผ ์‚ญ์ œ ํฌํ•จ)์ด ๋‚ด ๋กœ์ปฌ ์ธ์Šคํ„ด์Šค์— ์˜ํ–ฅ์„์ฃผ์ง€๋Š” ์•Š์ง€๋งŒ ์—ฌ์ „ํžˆ ๋™์ผํ•˜๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ๋ฌด์—‡์„ ๋†“์น˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

ace2_inner.js๋Š” ๋ฒ„์ „ ๋ฌธ์ž์—ด atm์—†์ด ์š”์ฒญ๋˜๋ฏ€๋กœ ace2_inner.js์— ๋Œ€ํ•œ URL์ด ๋ณ€๊ฒฝ๋˜์ง€ ์•Š๊ณ  ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ๊ฐ€ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. settings.json์—์„œ maxAge = 0์„ ์„ค์ •ํ•˜๊ฑฐ๋‚˜ ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•˜๋ฉด ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์ง€ ์•Š๊ณ  ์ƒˆ ํŒŒ์ผ์„ ์ œ๊ณตํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” @ webzwo0i ! ๋„์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ! ๋งˆ์นจ๋‚ด iframe์—๋กœ๋“œ ๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ace2_inner์˜ ์บ์‹œ๋ฅผ ๋ฌดํšจํ™”ํ•ด์•ผํ•œ๋‹ค๋Š” ๊ฒƒ์„ ๋งˆ์นจ๋‚ด ๊ธฐ์–ตํ•ฉ๋‹ˆ๋‹ค.

(maxAge = 0์€ btw์— ์˜ํ–ฅ์„ ๋ฏธ์น˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค)

์ง€๊ธˆ ์กฐ๊ธˆ ๋Šฆ๊ฒŒ ๋‚ด์ผ ๋ด์š”!

ํ•œ ๊ฐ€์ง€ ํŠธ๋ฆญ์€ ์บ์‹ฑ์„ ๋น„ํ™œ์„ฑํ™” ํ•  ๋•Œ ๋„คํŠธ์›Œํฌ ํƒญ ์—ด๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

@joassouza Sebastians ๊ฒฐ๊ณผ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์ข‹์•„. ๋๋‚ฌ์–ด ! ์‹ค์ œ๋กœ ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ๋Š” ๋ชจ๋“  ์ž‘์—…์„ ์ˆ˜ํ–‰ ํ•œ

๊ทธ๋ฆฌ๊ณ  ๋ฒ„๊ทธ๊ฐ€ ์ตœ๊ทผ UI ๋ณ€๊ฒฝ๊ณผ ๊ด€๋ จ์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋žซ๋™์•ˆ ๊ฑฐ๊ธฐ์— ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค!

๋‚˜๋Š” ์ด๊ฒƒ์ด ์ˆ˜์ • # 4267๋กœ ์ด์ œ ๋‹ซํž ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.
ํ•œ ๋ฒˆ ๋” ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค @seballot

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰