EsLint

-
Öncesi: Küçültme (Minimization) Nedir ?

Lint kavramı kodların belli kurallara göre analiz edilmesidir. Kodu hatalardan arınmış, tutarlı bir halde tutmak aynı zamanda dile özgü yazım kurallarını denetlemek için kullanılır. Lint araçları ise kodumuzda bu kısımları görmemizi sağlayan araçlardır. ESLint Javascript için bu araçlardan bir tanesidir. Kodumuzda oluşacak hataları gösterdiği gibi otomatik düzeltmede yapabilmektedir. Projeme dahil etmek için her zamanki komutu kullandım.
$ npm install --save-dev eslint

Aynı zamanda VSCode editörüne "dbaeumer.vscode-eslint" isimli eklentiyi yükledim. Eslint projeye dahil ettikten sonra sonra .eslintrc adında bir dosya oluşturdum. Bu dosya ile yazım kurallarımı belirleyebilecektim. Geriye nmp derlenme işleminde kurallarıma göre kontrol için scripts alanıma çalışmasını sağlamak kalmıştı.

...
"scripts": {
    ...
    "lint": "npm run lint:js",
    "lint:js": "eslint src test example spec",
    ...
},
...

Çoğu ayarlamayı yaptığıma göre artık, kodumu derleyip herhangi bir internet tarayıcıda javascript kodumu çalıştırabilecektim!


Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Proje Testleri

-
Öncesi: Proje Sınıfları JavaScript test kütüphanesi olarak seçenekler bir hayli fazlaydı. Bunları elemek için öncellikle hangilerinin daha yaygın olarak kullanıldıklarına göz attım, Jasmine ve Mocha kütüphanelerinin bir hayli populer olduğunu gözlemledim ve bu ikisi arasında seçim yapmaya karar verdim. Öncelikle iki kütüphanede tek başlarına yeterli olmayıp ek kütüphaneler kurmak gerekiyordu. Jasmine tek başına bir test runner içermediği ve mocha kütüphanesinin yazılımı bana daha anlaşılır geldiği için Mocha üzerinden gitmeye karar verdim. Mocha test kütühanesi kendi içerisinde bir Assertion kütüphanesi ile gelmediği için Chai adında bir yardımcı kütüphane kurmak gerekiyordu. Bu durumda aşağıda ki gibi kurulumları gerçekleştirdim. $ npm install --global mocha $ npm install --save-dev mocha $ npm install --global chai $ npm install --save-dev chai $ mkdir test $ touch test/test.js Yukarıdaki kısımda yer alan "--global", " --save-dev" parametrelerinin ne işe yar...
Devamı

Proje Başlangıcı

-
Öncesi: Kimsenin ilgilenmeyeceği bir proje Local makinam üzerinde "workshop" dizini oluşturdum. Kurulumunu yaptığım GitBash'i calistirarak ilgili dizine girdim. Oluşturduğum Git reposu üzerinden ilgili projeji indirdim ve npm ile yapılandırdım. Yapılandırma sonucunda "package.json" dosyası oluştu. $ git clone https://github.com/vuraldincer/js-calculator $ cd js-calculator $ npm init ES6 kullanabilmek için edindiğim bilgi kadarı ile yazdığım ES6 dilinin tanımlamalarını web tarayıcımızın anladığı, uyumlu olduğunu JavaScript dili tanımlarına çevirmek için bir derleyici gerekmekteydi. Yeterli sayıda olduğunu düşündüğüm teknik bıdı bıdı yazısı inceledikten sonra ES7 desteği de olan (sloganı hoşuma gittği için de olabilir.) Babel kullanmaya karar verdim. Peki projeme nasıl ekleyecektim. Bu sorumun çözümüde doğal olarak ilgili projenin Setup linkinde idi. Bu linke girdiğimde işime yarayacak satırı buldum ve aşağıdaki gibi çalıştırdım, bunun sonucunda "package....
Devamı

MySQL Error Code: 1175

-
Zaman zaman veritabanında yeni eklediğimiz kolonlar için tablomuzu güncellememiz gerekir. Şöyle bir cümle yazmak istemiş; UPDATE [TABLE] SET [COLUMN1]=[COLUMN2] WHERE 1=1; Mysql de bize aşağıdaki biçimde bir hata döndürmüştür. Error Code: 1175 You are using safe update mode and you tried to update a table without a WHERE that uses a KEY column. Kolon ismi kullanamadan update yapılmasına izin vermemektedir. Ne yazık ki bazı durumlarda bu engeli aşmak isteriz. Bu durumda SET SQL_SAFE_UPDATES=0; cümlesi imdadımıza yetişir. (Hataları engellemek adına eski haline getirmeyi unutmayalım!)
Devamı