Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Ersin ve Melih adlı iki eğitmen tarafından sunulan bir yazılım eğitim serisinin bir bölümüdür. Eğitmenler, uzun bir aradan sonra tekrar video çekmeye karar vermişlerdir.
- Videoda, React ve MongoDB kullanarak kullanıcı kayıt sistemi oluşturma süreci adım adım gösterilmektedir. İlk bölümde frontend kısmının oluşturulması, form verilerinin veritabanına gönderilmesi ve fetch() fonksiyonunun kullanımı anlatılırken, ikinci bölümde Python'da HTTP istekleri (GET, POST, PUT) ve veritabanı işlemleri ele alınmaktadır.
- Eğitim, CORS sorunu ve çözümü, veri doğrulama işlemleri ve veritabanına kayıt yapma sürecini kapsamaktadır. Ayrıca, bir sonraki videoda URL adreslerini bir yere taşıma ve kullanıcı oturum açma işlemleri için token kullanımı gibi konuların ele alınacağı belirtilmektedir.
- 00:01Video Serisinin Devamı
- Ersin ve Melih uzun zamandır video çekemediklerini, sağlık problemleri ve geziler nedeniyle zaman kaybettiklerini belirtiyorlar.
- Seriye kaldıkları yerden devam edeceklerini ve frontend tarafına geçerek snap login kısmını yapacaklarını söylüyorlar.
- Daha önce sadece frontend veya sadece API tarafı çalıştırılmışken, şimdi ikisini birden çalıştırmaları gerekiyor.
- 01:06Uygulama ve Veritabanı Hazırlığı
- Ersin ve Melih ayrı pencerelerde sunucuyu ve React uygulamasını çalıştırıyorlar.
- MongoDB veritabanına bağlanıyorlar ve robot TV'ye bağlanmış olan veritabanını kullanıyorlar.
- Kayıt ol ekranında e-posta ve şifre alanlarını eklediklerini ve bu bilgilerin server tarafına gönderileceğini belirtiyorlar.
- 03:44Veri Gönderme İşlemi
- Kullanıcı bilgisayarındaki veriyi server tarafına göndermek için HTTP protokolü üzerinden post işlemi yapılacak.
- React ile birlikte gelen fetch fonksiyonu kullanılarak veri gönderilecek.
- Formun onsubmit olayına bir fonksiyon ekleyerek, kullanıcı butona basmasa bile enter'a basarak da kayıt olabilecek şekilde ayarlanıyor.
- 09:45CORS Sorunu ve Çözümü
- Veri gönderme işlemi sırasında "No Access Control Allowed Origin" hatası alınıyor.
- Bu hata, farklı adreslerden (orijinlerden) veri almayı engelleyen Chrome browser tarafından oluşuyor.
- CORS (Cross-Origin Resource Sharing) kütüphanesi yüklenerek bu sorun çözülecek.
- 11:02Kontrol ve Validasyon İşlemleri
- Kontrol işlemlerinin ve validasyon işlemlerinin çalıştığı gösteriliyor.
- Başarılı bir kayıt yapıldığında stat turu ve kullanıcı bilgileri (kayıt tarihi, email, login bilgileri) görüntüleniyor.
- Fetch ve asos gibi farklı yöntemler kullanılarak aynı işlem yapılabiliyor, ancak asos daha az kod yazarak aynı işlemi yapabiliyor ve kontrol etmesi daha kolay.
- 12:36Eks-Post Kullanımı
- Eks-post kütüphanesi kurulup import ediliyor ve sadece "eks-post" yazarak adres ve gönderilecek nesne belirleniyor.
- Eks-post, arkada nasıl bir işlem yapıldığını algılayıp JSON olarak kaydediyor.
- Fetch'te header gönderilmezse JSON olarak kaydetmediği halde, eks-post gönderilmezse bile kaydediyor.
- 14:01Response İşlemleri
- Response bir paket olarak geliyor ve header'ı, body'si, statüsü gibi bilgiler içeriyor.
- Cevapta sadece data kısmı gerekiyor, bu nedenle "res.data" kullanılıyor.
- Gelecek videoda URL adresini her seferinde yazmak yerine bir yere taşıma konusu ele alınacak.
- 15:32Güvenlik ve Gelecek İşlemler
- Uçların her yere açık olması normal güvenlik için kısıtlanması gerekiyor.
- Kullanıcı login olduktan sonra kısıtlı bir bölüm olacak ve token gönderilecek.
- Her post ve GET işleminde token koymak için bu işlemi bir yere taşıyacaklar ve sadece kütüphaneye çağırıp istek gönderecekler.