MacOS / Chrome์์
_CandleStick : StockTools๊ฐ ํ์ฑํ ๋ ๊ฒฝ์ฐ _
์ฝ์์์ ์ฒ๋ฆฌ ๋ ๋์ ๋๋ ์ ์ ํ์ง ์์ eventListner๊ฐ ๋ง์ต๋๋ค. ์ฃผ๋ก ํฐ์น ์คํํธ ์ด๋ฒคํธ๋ฅผ ๋ํ๋
๋๋ค.
[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.
์ด๊ฒ์ Stock-toos ๋ชจ๋์ด ํ์ฑํ ๋ StockChart์ ๋ฐ์ ๊ธฐ๋ฐ ๋ฐ๋ชจ ์ฝ์์์ ์ฝ๊ฒ ํ์ธํ ์ ์์ต๋๋ค.
๋ค์์ ๋น ๋ฅธ ๋ผ์ด๋ธ ๋ฐ๋ชจ์
๋๋ค.
https://codesandbox.io/s/10yv629397
https://www.highcharts.com/stock/demo/stock-tools-gui
๋น๋์ค:
https://i.imgur.com/Z80XISw.mp4
ํ
์คํธ
MacOS (Mojave) Chrome (๋ฒ์ 75.0.3770.100) ๋ฐ ๊ธฐํ Mac ์ปดํจํฐ ๋ฐ Chrome ๋ฒ์ .
์ ๊ณ ํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
@sebastianbochan-ํ ๋ฒ ๋ณด์ ๊ฒ ์ด์ ?
๋ด๋ถ ์ฐธ๊ณ
stockTools์์ ๊ธฐ๋ณธ์ ์ผ๋ก H.addEvent
์ด๋ฒคํธ (ํด๋ฆญ / ํฐ์น)๋ฅผ ์ถ๊ฐํฉ๋๋ค. ํจ์์์ ํฐ์น ์ด๋ฒคํธ์ ๋ํ {passive: true}
์ง์์ ์ถ๊ฐํด์ผํฉ๋๋ค.
์๋์ ์ง์์ ์ถ๊ฐ ํ ๋๊น์ง ๋น ๋ฅธ ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
์๋
ํ์ธ์ @slashvortal ,
์ด ์๊ฐ H.addEvent
ํจ์๋ฅผ ๋ฎ์ด ์ธ ์ ์์ง๋ง ์ค์ํ ๊ฒ์ ์ฌ๋ฐ๋ฅธ ์์น์ ์์ด์ผํ๋ค๋ ๊ฒ์
๋๋ค (๋ชจ๋์๋ก๋ํ๊ธฐ ์ ์).
๋ฐ๋ชจ:
๊ฐ์ฌํฉ๋๋ค @sebastianbochan , ๋๋ highcharts-react ๋ํผ์ ํจ๊ป ์ฌ์ฉํ ์ ์๋๋ก ์์ ์ ๊ธฐ๋ค๋ฆด ๊ฒ์ ๋๋ค.
์์ง์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ๊ณํ์ด ์์ต๋๊น? @sebastianbochan์ ์ํด ์ฐ๊ฒฐ๋ ํด๊ฒฐ ๋ฐฉ๋ฒ ๋ฐ๋ชจ๋ ์ฌ์ ํ 21 ๊ฐ์ ์ด๋ฒคํธ ๊ด๋ จ ์๋ฐ์ ํ์ํฉ๋๋ค.
์๋ ํ์ธ์ @pjanaya
์ํ๊น๊ฒ๋ ์์ง ์ฐ์ ์์๋ฅผ ์ ํ ์๊ฐ์ด ์์์ต๋๋ค.
@pawelfus ์ข์, ๊ณ ๋ง์. "ํด๊ฒฐ ๋ฐฉ๋ฒ ์์"๋ ์ด๋ธ์ ์ ๊ฑฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ์ ์ด๋ ๋์๊ฒ๋ ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ์ค๋ฅ๋ฅผ ์ ๊ฑฐํ๊ธฐ์ ์ถฉ๋ถํ์ง ์์ ๊ฒ ๊ฐ์ต๋๋ค.
๋ด๋ถ ์ฐธ๊ณ :
Highstock๋ง์ด ์๋ ์ผ๋ฐ์ ์ธ ๋ฌธ์ ์
๋๋ค. ๋ชจ๋ ๊ฒฝ๊ณ ๊ฐ ์ฌ๋ฐ๋ฅธ์ง ํ์ธํด์ผํฉ๋๋ค. ๋๋ก๋ preventDefault()
๊ฐ ํ์ํ๋ฉฐ ๋๋ก๋ ๊ฐ๋ฐ์๊ฐ ์ฝ๋ฐฑ ์ค ํ๋๋ฅผ ํตํด preventDefault()
๋ฅผ ํธ์ถํ์ง ์์ ๊ฒ์ด๋ผ๊ณ ์ฝ์ ํ ์ ์์ต๋๋ค.
์๋ ํ์ธ์,์ด ๋ฌธ์ ์ ๋ํ ์ ๋ฐ์ดํธ๊ฐ ์์ต๋๊น?
์๋
ํ์ธ์ @ dave-brown755,
ํ์ฌ ์ฐ๋ฆฌ๋์ด ์ฌ๊ฑด์ ๋ํด ์์
ํ๊ณ ์์ง ์์ผ๋ฏ๋ก ์๋ก์ด ์ ๋ณด๊ฐ ์์ต๋๋ค. ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ฌ์ฉํด ๋ณด์
จ์ต๋๊น?
์๋ ํ์ธ์, ํด๊ฒฐ ๋ฐฉ๋ฒ ๋ ์ด๋ธ์ ์ ๊ฑฐํ๋๋ก ์์ฒญํ๋ ํ์ ๊ฒ์๋ฌผ์ด์๋ ๊ฒ์ฒ๋ผ ๋ณด์์ผ๋ฏ๋ก ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์๋ํ์ง ์์์ต๋๋ค. ์ค๋ฅ๋ฅผ ์ ๊ฑฐ ํ ์ ์๋๋ก ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๊ตฌํํ๊ธฐ ์ํด ๋ฐ๋ผ์ผํ๋ ์ ํํ ๋จ๊ณ๋ฅผ ์ค๋ช ํ ์ ์์ต๋๊น? ์ด๊ฒ์ ์ฐ๋ฆฌ ์์ ์ ์ํด ๋ธ๋ผ์ฐ์ ์ฑ๋ฅ์ ์๋นํ ์ํฅ์ ๋ฏธ์น๊ณ ์์ต๋๋ค. ๋์ ์ฐจํธ์์ ๋ฒ์ด๋๊ณ ์ถ์ง๋ ์์ง๋ง ์์ฑ๋๋ ์ค๋ฅ์ ์์ ๊ฐ๋นํ ์๋ ์์ต๋๋ค. ๋น์ ์ด ๋์ธ ์ ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. ๊ฐ์ฌํฉ๋๋ค Dave.
์๊ฒฌ์ ๋ณด๋ด ์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค. inbox label
๋ฅผ ์ถ๊ฐํ์ต๋๋ค. ์ด๋ ํฐ์ผ์ด ์ฐ์ ์์์์ ์๋ฏธํฉ๋๋ค.
์๋ ํ์ธ์, ํฐ์ผ ์ฐ์ ์์์ ๋ํ ์ ๋ฐ์ดํธ๊ฐ ์์ต๋๊น?
์๋ ํ์ธ์ @ dave-brown755-์ด ํฐ์ผ์ ์ด๋ฏธ ์ฐ์ ์์๊ฐ ์ง์ ๋์ด ์์ต๋๋ค.
์ด ๋ฌธ์ ๋ ํด๊ฒฐ๋๊ธฐ๋ฅผ ๊ธฐ๋ค๋ฆฌ๊ณ ์์ต๋๋ค.
https://piyasa.paratic.com/
ํฐ์ผ์ ์ฐ์ ์์๊ฐ ์ง์ ๋์ด ์์์ ์ ์ ์์์ง๋ง ์ด๊ฒ์ด ์๋ฏธํ๋ ๋ฐ๋ฅผ ๋ฌผ์์ต๋๋ค. ์ฐ์ ์์๊ฐ ์ง์ ๋ ํฐ์ผ์ ์ผ๋ฐ์ ์ธ ๋ฆฌ๋ ํ์์ ์ผ๋ง์ ๋๊น?
์ฆ, ํ์ฌ ํ ๋น์ด ์๋ฃ๋๋ฉด ํฐ์ผ์ด ์๋ น๋ฉ๋๋ค. ์ด ๋ฌธ์ ๋ v8.0.1 ๋๋ v8.0.2์์ ์์ ๋ ๊ฒ์ผ๋ก ์์ํฉ๋๋ค.
๋ ์ด์ ์ฝ์์ ๊ฒฝ๊ณ ๊ฐ ํ์๋์ง ์์ต๋๋ค (์ต์ Chrome 80). 3 ๋์ ์ปดํจํฐ (Mac ๋ฐ Windows 10)์์ ํ ์คํธ๋์์ต๋๋ค. ๋๊ตฐ๊ฐ ๋ฌธ์ ๊ฐ ๊ณ์ ๋ฐ์ํ๋์ง ํ์ธํ๊ณ ๋ฌธ์ ๋ฅผ ์ฌํํ๊ธฐ์ํ ์ ํํ ๋จ๊ณ๋ฅผ ์ ๊ณต ํ ์ ์์ต๋๊น?
v8.0.2๋ฅผ ์ฌ์ฉํ๊ณ ์์ง๋ง ์ฌ์ ํ์ด ๋ฉ์์ง๊ฐ ํ์๋ฉ๋๋ค. :(
์ฐธ๊ณ ์ฌํญ : v8.0.1์ด ๋ฆด๋ฆฌ์ค๋์์ผ๋ฉฐ (๋ฐ v8.0.2) v8.0.3์ด ๋ค๋ฅธ ์ค์ํ ๋ฒ๊ทธ๋ก ์ธํด ๊ณง ๋ฆด๋ฆฌ์ค ๋ ์์ ์ ๋๋ค. v8.0.2์์ ๋ฌธ์ ๊ฐ ์์ ๋ ๊ฒ์ผ๋ก ์์ํ๋ค๊ณ ๋งํ์ ๋ ์์ํ๋ ๋ฆด๋ฆฌ์ค ์ผ์ ๊ณผ ๊ด๋ จ์ด ์์ต๋๋ค.
@ raf18seb ๊ฐ ๋ฉฐ์น ์ ์ ๋ฌธ์ ๋ฅผ ๋๋ฒ๊น ํ๋ ค๊ณ ํ์ง๋ง ๋ค์ ๋ง๋ค ์ ์์ต๋๋ค. ๋ ์์ธํ ์ ๋ณด (OS + ํฌ๋กฌ ๋ฒ์ ) ๋๋ ์๋ก์ด ๋ผ์ด๋ธ ๋ฐ๋ชจ-๋์ด ํ๊ฐ๋ฉ๋๋ค.
@pawelfus ์ฐ๋ฆฌ๋ ๋ํ ์ต์ ๋ฒ์ 8.0.4์์์ด ์๋ฐ์ ๋ชฉ๊ฒฉํ๊ณ ์์ต๋๋ค. ๋ฌธ์ ๊ฐ ์กด์ฌํ์ง ์๋ 5.0.11๋ก ๋กค๋ฐฑํ๊ณ ์์ง๋ง ๊ฐ๋ฅํ ํ ๋นจ๋ฆฌ ์ ๋ฐ์ดํธํ๋ ค๊ณ ํฉ๋๋ค.
@ onur-celik์ ๋๋ฒ๊น ์ ์ํด ๋ฌธ์ ๊ฐ์๋ ์์ ๋งํฌ๋ฅผ ๊ฒ์ํ์ต๋๋ค. https://piyasa.paratic.com/
Chrome 80์ด ์ค์น๋ Mac์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
๊ฐ์ฌ! ์ด ๋ ๊ฐ์ง ์ค๋ฅ๋ฅผ ๋ณผ ์ ์์ต๋๋ค. ๋ ์ด๋ฒคํธ ๋ชจ๋ ์ฐจ๋จ ๋ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์ฐจํธ์์ ์๊ฐ๋ฝ์ ์์ง์ฌ ํดํ์ ๋ณผ ๋ ํ์ด์ง๋ฅผ ์คํฌ๋กคํ์ง ์์ผ๋ ค ๊ณ ํฉ๋๋ค. Chrome์์ด ์๋ฐ ์ฌํญ์ ํ์ํด์๋ ์๋ฉ๋๋ค (์ฌ์์ ๋ฐ๋ผ passive: true
๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ์ค์ ๋ฉ๋๋ค ..).
@ raf18seb- ๋ค์ ํ๋ฒ ํ์ธํด ์ฃผ ์๊ฒ ์ด์? ์๋ง๋ OS ์์กด์ ์ธ ๋ฌธ์ ์ผ๊น์?
ํ์ธํฉ๋๋ค. ์ง๊ธ ์ฌํ ํ ์ ์์ต๋๋ค. Windows์ ์ฝ์์ ๋์ผํ ์ค๋ฅ๊ฐ ์์ต๋๋ค.
์๋ ํ์ธ์,์ด ๋ฌธ์ ๊ฐ ํด๊ฒฐ ๋์๋์? ์ด ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ฑ ์ด ์์ต๋๊น? highchart๋ฅผ ์ฌ์ฉํ์ฌ API์์ ๋ณต์กํ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ฌ ๋ ์ด์ ๋์ผํ ๋ฌธ์ ๊ฐ ๋ฐ์ํฉ๋๋ค.
๋ฌธ์ ๋ ์์ง ํด๊ฒฐ๋์ง ์์์ต๋๋ค. ํ์ฌ๋ก์๋์ด ํฐ์ผ์ ๋ํ ETA๊ฐ ์์ง๋ง ์ฐ์ ์์๊ฐ ๋์ ํฐ์ผ ๊ทธ๋ฃน์ ์ํฉ๋๋ค.
์ข์, ๋ต์ฅ ํด์ค์ ๊ณ ๋ง์
๋๋ ๋ํ ์ด๊ฒ์ ๋ํ ์์ ์ ์ ๋ง๋ก ๊ณ ๋ง๊ฒ ์๊ฐํฉ๋๋ค.
์ด ๋ฌธ์ ๊ฐ "์งํ ์ค"์ผ๋ก ํ์๋์ด ๊ธฐ์ฉ๋๋ค. :)
์ฌ๊ธฐ์์ ์์ ์ ์ธ๊ธํ์ จ์ต๋๋ค. ์ด๋ฌํ ๋ณ๊ฒฝ ์ฌํญ์ ์ธ์ CDN ๋ฒ์ ์ ์ ์ฉ๋ ์ ์์ต๋๊น?
์๋
ํ์ธ์ @sharmankita- ๋ฌธ์ ์ ์ฌ์ ํ in progress
๋ ์ด๋ธ์ด ์์ต๋๋ค. ์ฆ, ๊ณ ์ ๋์ง ์์์ผ๋ฉฐ ์ฌ์ ํ ์์
์ค์
๋๋ค.
์๋ ํ์ธ์, ์ด๊ฒ์ ๋ํ ์ ๋ฐ์ดํธ๊ฐ ์์ต๋๊น? ์์ ์ ๋ํ ETA๊ฐ ์์ต๋๊น?
์๋ ํ์ธ์ @violetVo -ETA๋ ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ์์ง์ด ์์ ์ ์งํ ์ค์ ๋๋ค.
๋ด ๊ฐ์ธ์ ์ธ ๊ฒฌ์ : ๋ค์ ๋ ๊ฐ์ง ๋ฒ์ ์ด ์ค๋น๋์ด์ผํฉ๋๋ค.
์ด๋ฒคํธ๊ฐ "์๋"์ผ๋ก ํ์๋๋ฉด ์ด๋ป๊ฒ๋ฉ๋๊น?
elm.on("touchstart", function(ev) {
// stuff
}, {
passive: true // does this option help?
});
@richardeschloss๊ฐ ๋ฌด์จ ๋ป์ธ์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ์์ธํ
์ด๋ฒคํธ๊ฐ "์๋"์ผ๋ก ํ์๋๋ฉด ์ด๋ป๊ฒ๋ฉ๋๊น?
์ฌ๊ธฐ์์ ์ค๋ช ์ ์ฐธ์กฐํ์ญ์์ค : https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
passive : true //์ด ์ต์ ์ด ๋์์ด ๋๋์?
iOS์ IE ๋ฐ Safari์์๋ ์๋ํ์ง ์์ต๋๋ค.
Pawel, Rafal์ด์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐ ํ ๊ฒ ๊ฐ์ต๋๋ค. ๋๋ ๋ด๊ฐ ๊ฐ์ง ์ง๋ฌธ์ ๋๋ตํ๋ ๋ฐ ๋์์ด๋๋ PR์ ๋ณด์๋ค. ๊ฐ์ฌ.
๋ง์นจ๋ด ๐ฅฐ
์๋
ํ์ธ์,
์์ ํด ์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค! ๋ฒ์ 8.2.2์์ ์ฌ์ฉํ ์ ์์ต๋๊น?
์๋ ํ์ธ์ @violetVo v8.2.2๊ฐ 2 ์ฃผ ์ ์ ์ถ์๋์์ต๋๋ค. ์์ ์ฌํญ์ ๋ค์ ๋ฆด๋ฆฌ์ค์์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
@pawelfus ๋ค์ ๋ฆด๋ฆฌ์ค์ ๋ํ ์ผ์ ์ด ์์ต๋๊น? ๊ทธ๋ฅ ๊ถ๊ธํด.
์ฌ๋ฌ๋ถ๊ณผ ํ์ด ์์ ํ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค (re : covid)!
@forgivegod ๊ฐ์ฌํฉ๋๋ค, ์ฐ๋ฆฌ๋ ์ข์ต๋๋ค ๐ ๋น์ ๋ ์๋๊ธฐ๋ฅผ ๋ฐ๋๋๋ค!
๋ค์ ๋ฆด๋ฆฌ์ค๋ ๋ช ์ฃผ ๋ด์ ์ค๋น๋ฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํ์ธํฉ๋๋ค. ์ง๊ธ ์ฌํ ํ ์ ์์ต๋๋ค. Windows์ ์ฝ์์ ๋์ผํ ์ค๋ฅ๊ฐ ์์ต๋๋ค.