React Güvenlik & En İyi Uygulamalar
XSS önleme, CSRF koruması, dangerouslySetInnerHTML, Content Security Policy, HTTPS, sanitizasyon
1XSS (Cross-Site Scripting) saldırısı nedir?
XSS (Cross-Site Scripting) saldırısı nedir?
Cevap
XSS saldırısı, kötü amaçlı JavaScript kodunu bir web uygulamasına enjekte ederek diğer kullanıcıların tarayıcılarında çalıştırmayı içerir. Saldırgan, cookie ve oturum tokenı çalmak veya yetkisiz işlemler gerçekleştirmek için doğrulama veya kaçış açıklarını istismar eder. React, JSX değerlerini otomatik olarak kaçırarak yerel koruma sağlar, ancak dangerouslySetInnerHTML veya doğrudan DOM manipülasyonunda güvenlik açıkları devam eder.
2React varsayılan olarak XSS saldırılarına karşı nasıl koruma sağlar?
React varsayılan olarak XSS saldırılarına karşı nasıl koruma sağlar?
Cevap
React, JSX aracılığıyla eklenen tüm değerleri render öncesinde düz metne dönüştürerek otomatik olarak kaçırır. Bu koruma, veriye HTML kodu enjekte edilse bile kötü amaçlı script çalışmasını engeller. HTML'yi yorumlayan ve çalıştıran innerHTML'den farklı olarak, React etiketleri düz metin olarak işler ve standart prop veya state üzerinden kötü amaçlı JavaScript enjeksiyonunu imkânsız kılar.
3React'ta dangerouslySetInnerHTML neden tehlikeli kabul edilir?
React'ta dangerouslySetInnerHTML neden tehlikeli kabul edilir?
Cevap
Bu özellik, React'ın yerel XSS korumasını atlayarak ham HTML'yi escape etmeden doğrudan DOM'a ekler. İçerik güvenilmez bir kaynaktan veya harici bir API'den geliyorsa çalıştırılacak kötü amaçlı JavaScript içerebilir. dangerouslySetInnerHTML adı, geliştiricileri güvenlik riskini bilinçli olarak kabul etmeye ve DOMPurify gibi kütüphanelerle uygun sanitizasyonu uygulamaya zorlar.
Stored XSS ve Reflected XSS saldırısı arasındaki temel fark nedir?
React'ta harici API'den gelen HTML'yi görüntülemek için hangi yaklaşım tercih edilmelidir?
+19 mülakat soruları
Diğer React / Next.js mülakat konuları
JavaScript Temelleri
React Temelleri
React Hooks
Bileşen yaşam döngüsü
React Router
Context ile state yönetimi
Formlar ve Controlled Components
Veri Çekme ve API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Temelleri
React ile TypeScript
Next.js Veri Çekme
Next.js Server Actions
Next.js Routing ve Navigasyon
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware ve Auth
React Testing
Zustand State Management
React Performans Optimizasyonu
Error Boundaries & Error Handling
Advanced React Patterns
Next.js Gelişmiş Özellikler
Next.js Dağıtım & Üretim
Architecture & Design Patterns
React Server Components
Next.js Uluslararasılaştırma
Bir sonraki mülakatın için React / Next.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla