[ ch6 ] 그라파나(Grafana)에서 PromQL 입력이 밀리는 건

[sysnet4admin]

문제 정의:

그라파나에서 PromQL을 입력시에 입력 값이 밀리는 현상 (grafana origin issue)

파이어폭스 ( ✅ )

grafana-firefox.mp4

크롬 ( ❌ )

grafana-chrome.mp4

영향받는 단원:

ch6의 그라파나 부분

문제 원인:

웹브라우저의 크로미움 105~108 과의 호환성 이슈
자세하게는 타입스크립트에서 UI 이벤트를 event에서 KeyboardEvent로 다운캐스팅과 관련한 이슈

가능한 해결방안:

1. 사파리 또는 파이어폭스와 같이 크로미움을 사용하지 않는 웹브라우저를 사용

   사파리의 윈도우 사용자에게는 가능하지 않은 방법 (🔺)
   파이어폭스는 모두에게 사용 가능한 방법 ( ✅ )

2. 크로미움 버전이 낮은 웹브라우저를 사용

   현재는 사용가능하나 언제 업데이트가 일어날지 모름 (🔺)
   즉 언제 안될지 모름 ( 🔥 )

3. 그라파나 업그레이드 (9.1.4 이상)

   해결될 수 있으나, 현재 랩 구조상 모두 바꿀순 없음 ( ❌ )
   따로 쿠버네티스 클러스터를 운영하는 환경에서 사용 가능한 방법임 (🔺)

4. 에디터에서 입력한 후에 복사&붙여넣기

   해결될 수 있으나, 매우 불편함... (🔺)

테스트 결과

문제 있음 ( 🔥 )

• 크롬: 105.0.5195.127
• 크롬베타: 106.0.5249.40
• 크롬데브: 107.0.5300.0
• 크롬카나리: 108.0.5305.0
• 엣지: 105.0.1343.42
• 오페라: 91.0.4516.16 (크로미움 105.0.5195.102 로 확인)

문제 없음 ( ✅ )

• 웨일: 3.16.138.27
• 웨일베타: 3.16.138.27beta (웨일의 릴리즈노트를 보면 3.16.138 계열의 코어는 크로미움 104.x 에 대응하는 것으로 확인)
• 비발비: 5.4.2753.51 (비발디 5.4.2753.51의 코어는 크로미움 104.0.5112.126에 대응하는 것으로 확인))
• 오페라: 90.0.4480.84 (오페라90은 크로미움104.0.5112.102 에 대응하는 것으로 확인)
• 파이어폭스: 104.0.2 (엔진 자체가 Gecko 기반이라 크롬과 계통 다름)

현재 이슈는 1주일간 모니터링 된 후에 Close 됩니다.
감사합니다.
조 훈, 심근우, 문성주 드림