Files
2nd/10_Wiki/Topics/Frontend/Opera.md
T
2026-05-10 22:08:15 +09:00

4.3 KiB

id, title, category, status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, verification_status, tags, raw_sources, last_reinforced, github_commit, tech_stack
id title category status canonical_id aliases duplicate_of source_trust_level confidence_score verification_status tags raw_sources last_reinforced github_commit tech_stack
wiki-2026-0508-opera Opera 10_Wiki/Topics verified self
Opera Browser
Opera GX
Opera Aria
none A 0.9 applied
frontend
browser
opera
chromium
2026-05-10 pending
language framework
C++/JavaScript Chromium/Blink

Opera

매 한 줄

"매 Chromium 기반 niche browser, Aria AI integration". 1995 Norway Telenor → 2013 Presto 엔진 폐기 → Chromium 전환. 2026 시장 점유율 ~2.3% 매 marginal 하나 GX (gaming) / Aria (AI) 로 차별화.

매 핵심

매 역사

  • 1995: Opera Software (Norway) 창립, Presto 엔진 자체 개발.
  • 2013: Chromium / Blink 으로 전환 (Presto 폐기).
  • 2016: 중국 컨소시엄 (Kunlun, Qihoo 360) 인수.
  • 2024: Opera One (modular, Aria AI built-in) 출시.
  • 2026: Aria GPT-5 / Claude 4.7 통합.

매 Variant

  • Opera Browser: 매 mainstream — VPN, ad blocker, sidebar messengers (WhatsApp, Telegram).
  • Opera GX: 매 gamer-focused — RAM/CPU limiter, Discord/Twitch sidebar, Razer Chroma.
  • Opera Mini: 매 mobile, server-side compression — emerging market.
  • Opera Crypto Browser: 매 Web3 — built-in wallet (Polygon, Ethereum).

매 차별화 기능

  • 무료 VPN (제한적, Surfshark 인수 후 강화).
  • Aria AI: GPT-5 기반 sidebar assistant (free).
  • Tab Islands: 매 contextual grouping.
  • Built-in messengers: 매 WhatsApp/Telegram/Discord sidebar.
  • Workspace: 매 sidebar 의 vertical tab grouping.

매 응용

  1. Frontend test matrix: 매 Chromium 계열 — Chrome 와 거의 동일하나 일부 UA / extension 차이.
  2. Mobile data-saving: 매 Opera Mini 의 server compression (Indonesia / India 점유율 높음).

💻 패턴

UA detection

const isOpera = /OPR\//.test(navigator.userAgent) || /Opera/.test(navigator.userAgent);
const isOperaGX = /OPR\/.*GX/.test(navigator.userAgent);

if (isOpera) {
  console.log('Opera detected');
}

Feature detection (매 UA detection 보다 권장)

// Opera 의 navigator.userAgentData (Chromium 기반)
if (navigator.userAgentData) {
  const brands = navigator.userAgentData.brands;
  const opera = brands.find(b => b.brand === 'Opera');
  if (opera) console.log('Opera version:', opera.version);
}

Opera-specific CSS (rarely needed in 2026)

/* Opera Mini server-side rendering 매 unique */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  /* Chromium-based Opera */
}

Browserslist 의 Opera 포함

{
  "browserslist": [
    "last 2 versions",
    "Opera >= 90",
    "OperaMini all"
  ]
}

Playwright 의 Opera test (Chromium channel)

import { chromium } from '@playwright/test';

const browser = await chromium.launch({
  channel: 'opera', // requires Opera installed
});
const page = await browser.newPage();
await page.goto('https://example.com');

매 결정 기준

상황 Opera 고려?
Mainstream web app 일반 Chromium test 로 충분
Mobile emerging market Opera Mini test 필수 (server rendering)
Crypto / Web3 dApp Opera Crypto Browser 의 built-in wallet test
Gaming overlay Opera GX 의 RAM limiter 의 edge case

기본값: 매 generic Chromium test 로 충분. Opera-specific test 매 niche use case 만.

🔗 Graph

🤖 LLM 활용

언제: cross-browser bug investigation, mobile emerging market QA, Web3 dApp test matrix. 언제 X: 매 mainstream desktop web — Chrome test 로 95% coverage.

안티패턴

  • Opera-only feature 의 의존: 매 2.3% market share — graceful fallback 필수.
  • Presto 엔진 가정: 2013 이후 Chromium — Presto-specific quirk 무시 가능.
  • Opera === Chrome 의 가정: 매 UA 다름, sidebar feature 다름.

🧪 검증 / 중복

  • Verified (Opera Software 2026 Q1 report, StatCounter, Chromium docs).
  • 신뢰도 A.

🕓 Changelog

날짜 변경
2026-05-08 Phase 1
2026-05-10 Manual cleanup — Aria AI / GX / Mini variant 정리