Modern yaz\u0131l\u0131m geli\u015ftirme s\u00fcre\u00e7lerinde projeleri kararl\u0131, g\u00fcvenilir ve verimli bir \u015fekilde da\u011f\u0131t\u0131ma haz\u0131r hale getirmek kritik bir ad\u0131md\u0131r. \u00d6zellikle Lab 9 gibi kapsaml\u0131 projelerde, geli\u015ftirilen ContextWeaver uygulamas\u0131n\u0131 sorunsuz bir \u015fekilde paketlemek ve farkl\u0131 ortamlara yay\u0131nlamak, projenin ba\u015far\u0131s\u0131 i\u00e7in temel bir gerekliliktir. Peki, bu s\u00fcreci en do\u011fru ve etkin yoldan nas\u0131l y\u00f6netebiliriz? Bu makale, ContextWeaver uygulaman\u0131z\u0131 profesyonel standartlarda paketleyip yay\u0131nlamak i\u00e7in ad\u0131m ad\u0131m bir rehber sunmaktad\u0131r.<\/p>\n
ContextWeaver, genellikle karma\u015f\u0131k i\u015f mant\u0131klar\u0131n\u0131 ve ba\u011flam duyarl\u0131 veri i\u015fleme yeteneklerini b\u00fcnyesinde bar\u0131nd\u0131ran, mod\u00fcler bir yaz\u0131l\u0131m bile\u015feni veya uygulamas\u0131 olarak tan\u0131mlanabilir. Lab 9 ba\u011flam\u0131nda, bu uygulaman\u0131n belirli bir amaca hizmet eden, \u00e7e\u015fitli ba\u011f\u0131ml\u0131l\u0131klar\u0131 olan ve belirli bir \u00e7al\u0131\u015fma ortam\u0131 gerektiren bir yap\u0131ya sahip oldu\u011funu varsay\u0131yoruz. Bu t\u00fcr bir uygulaman\u0131n sadece geli\u015ftirilmesi de\u011fil, ayn\u0131 zamanda son kullan\u0131c\u0131ya veya di\u011fer sistemlere ula\u015ft\u0131r\u0131lmas\u0131 da b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. \u0130\u015fte bu noktada “paketleme” kavram\u0131 devreye girer.<\/p>\n
Peki, neden ContextWeaver’\u0131 paketlemeliyiz? Paketleme, yaz\u0131l\u0131m\u0131n t\u00fcm ba\u011f\u0131ml\u0131l\u0131klar\u0131, konfig\u00fcrasyonlar\u0131 ve \u00e7al\u0131\u015ft\u0131r\u0131labilir kodlar\u0131yla birlikte tek bir da\u011f\u0131t\u0131labilir birim haline getirilmesi s\u00fcrecidir. Bu s\u00fcrecin sa\u011flad\u0131\u011f\u0131 pek \u00e7ok avantaj bulunmaktad\u0131r. \u00d6ncelikle, tutarl\u0131l\u0131k<\/strong> sa\u011flar. Geli\u015ftirme ortam\u0131n\u0131zda \u00e7al\u0131\u015fan bir uygulaman\u0131n test veya \u00fcretim ortam\u0131nda da ayn\u0131 \u015fekilde \u00e7al\u0131\u015faca\u011f\u0131n\u0131 garanti etmek i\u00e7in paketleme vazge\u00e7ilmezdir. Ba\u011f\u0131ml\u0131l\u0131k \u00e7ak\u0131\u015fmalar\u0131, eksik dosyalar veya yanl\u0131\u015f konfig\u00fcrasyonlar gibi sorunlar paketleme sayesinde ortadan kalkar.<\/p>\n \u0130kinci olarak, da\u011f\u0131t\u0131m kolayl\u0131\u011f\u0131<\/strong> sunar. Tek bir paket dosyas\u0131n\u0131 (\u00f6rne\u011fin, bir Docker imaj\u0131, bir npm paketi, bir pip paketi veya bir zip ar\u015fivi) al\u0131p herhangi bir uyumlu sisteme kolayca kurabilirsiniz. Bu, \u00f6zellikle s\u00fcrekli entegrasyon ve s\u00fcrekli da\u011f\u0131t\u0131m (CI\/CD) boru hatlar\u0131nda otomasyonu b\u00fcy\u00fck \u00f6l\u00e7\u00fcde basitle\u015ftirir. Manuel da\u011f\u0131t\u0131mlar\u0131n getirdi\u011fi riskler ve zaman kayb\u0131, paketlenmi\u015f bir uygulama ile en aza indirilir. Ayr\u0131ca, farkl\u0131 s\u00fcr\u00fcm kontrolleri ve geri alma (rollback) i\u015flemleri de paketlenmi\u015f uygulamalarla \u00e7ok daha y\u00f6netilebilir hale gelir.<\/p>\n \u00dc\u00e7\u00fcnc\u00fcs\u00fc, ba\u011f\u0131ml\u0131l\u0131k y\u00f6netimini<\/strong> merkezile\u015ftirir. Modern yaz\u0131l\u0131mlar genellikle onlarca, hatta y\u00fczlerce harici k\u00fct\u00fcphaneye ve ba\u011f\u0131ml\u0131l\u0131\u011fa sahiptir. Bu ba\u011f\u0131ml\u0131l\u0131klar\u0131n her birini manuel olarak y\u00f6netmek ve do\u011fru s\u00fcr\u00fcmlerini kurmak neredeyse imkans\u0131zd\u0131r. Paketleme ara\u00e7lar\u0131 (npm, pip, Maven vb.) sayesinde, t\u00fcm ba\u011f\u0131ml\u0131l\u0131klar paketin i\u00e7ine dahil edilir veya paket kuruldu\u011funda otomatik olarak indirilir. Bu, “benim bilgisayar\u0131mda \u00e7al\u0131\u015f\u0131yor” sendromunun \u00f6n\u00fcne ge\u00e7erek, uygulaman\u0131n her yerde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.<\/p>\n Son olarak, g\u00fcvenlik ve performans<\/strong> a\u00e7\u0131s\u0131ndan da paketleme \u00f6nemlidir. Paketlenmi\u015f bir uygulaman\u0131n g\u00fcvenlik taramalar\u0131 daha kolay yap\u0131labilir ve potansiyel zafiyetler da\u011f\u0131t\u0131m \u00f6ncesinde tespit edilebilir. Ayr\u0131ca, paketleme a\u015famas\u0131nda yap\u0131lan optimizasyonlar (\u00f6rne\u011fin, kod s\u0131k\u0131\u015ft\u0131rma, gereksiz dosyalar\u0131n \u00e7\u0131kar\u0131lmas\u0131) uygulaman\u0131n genel performans\u0131n\u0131 art\u0131rabilir ve da\u011f\u0131t\u0131m boyutunu k\u00fc\u00e7\u00fcltebilir. Lab 9 projeniz i\u00e7in ContextWeaver’\u0131 bu prensipler \u0131\u015f\u0131\u011f\u0131nda paketlemek, hem geli\u015ftirme s\u00fcrecinizi profesyonelle\u015ftirecek hem de projenizin uzun \u00f6m\u00fcrl\u00fc ve s\u00fcrd\u00fcr\u00fclebilir olmas\u0131n\u0131 sa\u011flayacakt\u0131r. Bu yakla\u015f\u0131m, sadece fonksiyonelli\u011fi de\u011fil, ayn\u0131 zamanda yaz\u0131l\u0131m\u0131n “teslim edilebilirli\u011fini” de \u00f6n planda tutar.<\/p>\n ContextWeaver gibi bir uygulaman\u0131n paketlenmesi, geli\u015ftirme s\u00fcrecinin son a\u015famalar\u0131ndan biri olmakla birlikte, asl\u0131nda projenin ba\u015f\u0131ndan itibaren planlanmas\u0131 gereken bir dizi ad\u0131mdan olu\u015fur. Bu ad\u0131mlar, uygulaman\u0131n stabil, g\u00fcvenilir ve kolayca da\u011f\u0131t\u0131labilir olmas\u0131n\u0131 garantiler. \u0130lk olarak, ba\u011f\u0131ml\u0131l\u0131klar\u0131n y\u00f6netimi<\/strong> kritik bir noktad\u0131r. Uygulaman\u0131z\u0131n \u00e7al\u0131\u015ft\u0131\u011f\u0131 dil veya platforma g\u00f6re farkl\u0131 ara\u00e7lar kullan\u0131l\u0131r. \u00d6rne\u011fin, Node.js tabanl\u0131 ContextWeaver i\u00e7in \u0130kinci temel ad\u0131m, derleme ve yap\u0131m (build) a\u015famalar\u0131d\u0131r<\/strong>. Bir\u00e7ok yaz\u0131l\u0131m, kaynak kodundan do\u011frudan \u00e7al\u0131\u015fmaz; \u00f6ncelikle derlenmesi veya transpile edilmesi gerekir. JavaScript uygulamalar\u0131 i\u00e7in Webpack, Rollup gibi ara\u00e7larla kodlar bir araya getirilir ve optimize edilir. TypeScript veya Babel gibi transpilasyon ara\u00e7lar\u0131, modern JavaScript \u00f6zelliklerini eski taray\u0131c\u0131lar i\u00e7in uyumlu hale getirir. Java projeleri i\u00e7in \u00dc\u00e7\u00fcnc\u00fc \u00f6nemli ad\u0131m, test s\u00fcre\u00e7leridir<\/strong>. Bir uygulamay\u0131 paketlemeden ve yay\u0131nlamadan \u00f6nce, t\u00fcm fonksiyonlar\u0131n\u0131n do\u011fru \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan emin olmak gerekir. Birim testleri (unit tests), entegrasyon testleri (integration tests) ve u\u00e7tan uca testler (end-to-end tests) bu a\u015famada \u00e7al\u0131\u015ft\u0131r\u0131l\u0131r. Bu testler, uygulaman\u0131n beklenen davran\u0131\u015f\u0131 sergiledi\u011fini, farkl\u0131 bile\u015fenlerin birbiriyle uyumlu \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 ve son kullan\u0131c\u0131 senaryolar\u0131n\u0131n sorunsuz bir \u015fekilde ilerledi\u011fini do\u011frular. Otomatik testler, paketleme hatt\u0131n\u0131n ayr\u0131lmaz bir par\u00e7as\u0131 olmal\u0131 ve herhangi bir hata durumunda paketleme s\u00fcrecini durdurmal\u0131d\u0131r. Bu, hatal\u0131 bir s\u00fcr\u00fcm\u00fcn yay\u0131nlanmas\u0131n\u0131 engelleyerek hem geli\u015ftirici zaman\u0131ndan tasarruf sa\u011flar hem de son kullan\u0131c\u0131 deneyimini korur.<\/p>\n Son olarak, s\u00fcr\u00fcmleme stratejileri<\/strong> b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. Yaz\u0131l\u0131m\u0131n farkl\u0131 s\u00fcr\u00fcmlerini y\u00f6netmek i\u00e7in Semantik S\u00fcr\u00fcmleme (SemVer) gibi standartlar yayg\u0131n olarak kullan\u0131l\u0131r (MAJOR.MINOR.PATCH). Bu strateji, bir s\u00fcr\u00fcm numaras\u0131n\u0131n ne anlama geldi\u011fini net bir \u015fekilde belirtir: MAJOR s\u00fcr\u00fcm\u00fcndeki de\u011fi\u015fiklikler geriye d\u00f6n\u00fck uyumsuz API de\u011fi\u015fikliklerini, MINOR s\u00fcr\u00fcm\u00fcndeki de\u011fi\u015fiklikler geriye d\u00f6n\u00fck uyumlu yeni \u00f6zellik eklemelerini ve PATCH s\u00fcr\u00fcm\u00fcndeki de\u011fi\u015fiklikler geriye d\u00f6n\u00fck uyumlu hata d\u00fczeltmelerini g\u00f6sterir. Do\u011fru bir s\u00fcr\u00fcmleme stratejisi, kullan\u0131c\u0131lar\u0131n ve di\u011fer geli\u015ftiricilerin uygulaman\u0131z\u0131n hangi de\u011fi\u015fiklikleri i\u00e7erdi\u011fini anlamalar\u0131na yard\u0131mc\u0131 olur ve ba\u011f\u0131ml\u0131l\u0131k y\u00f6netimini basitle\u015ftirir. Bu ad\u0131mlar\u0131n her biri, ContextWeaver’\u0131n ba\u015far\u0131l\u0131 bir \u015fekilde paketlenmesi ve yay\u0131nlanmas\u0131 i\u00e7in birbiriyle entegre bir \u015fekilde \u00e7al\u0131\u015f\u0131r ve g\u00fc\u00e7l\u00fc bir temel olu\u015fturur.<\/p>\n ContextWeaver’\u0131n ba\u015far\u0131l\u0131 bir \u015fekilde paketlenip da\u011f\u0131t\u0131labilmesi i\u00e7in, uygulaman\u0131n ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131, \u00e7al\u0131\u015fma ortam\u0131n\u0131 ve davran\u0131\u015f\u0131n\u0131 tan\u0131mlayan do\u011fru yap\u0131land\u0131rma dosyalar\u0131na sahip olmas\u0131 gerekir. Bu dosyalar, uygulaman\u0131n farkl\u0131 ortamlarda (geli\u015ftirme, test, \u00fcretim) tutarl\u0131 bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar ve paketleme s\u00fcrecini otomatikle\u015ftirir. \u00d6ncelikle, projenizin temelini olu\u015fturan paket y\u00f6neticisi yap\u0131land\u0131rma dosyalar\u0131 gelir. E\u011fer ContextWeaver bir Node.js projesi ise, <\/code><\/p>\n Benzer \u015fekilde, e\u011fer ContextWeaver bir Python projesi ise, \u0130kinci olarak, konfig\u00fcrasyon (config) dosyalar\u0131<\/strong> \u00f6nemlidir. Uygulaman\u0131z\u0131n farkl\u0131 ortamlarda farkl\u0131 veritaban\u0131 ba\u011flant\u0131 dizgilerine, API anahtarlar\u0131na veya hizmet u\u00e7 noktalar\u0131na ihtiyac\u0131 olabilir. Bu t\u00fcr de\u011fi\u015fkenler do\u011frudan kod i\u00e7ine g\u00f6m\u00fclmek yerine, ayr\u0131 konfig\u00fcrasyon dosyalar\u0131nda (\u00f6rne\u011fin, <\/code><\/p>\n \u00dc\u00e7\u00fcnc\u00fc ve giderek daha pop\u00fcler hale gelen bir yap\u0131land\u0131rma t\u00fcr\u00fc ise Docker kullan\u0131m\u0131 ve <\/code><\/p>\n Bu ContextWeaver'\u0131 paketleme i\u015flemi tamamland\u0131ktan sonra, uygulaman\u0131n da\u011f\u0131t\u0131m i\u00e7in tam anlam\u0131yla haz\u0131r oldu\u011fundan emin olmak i\u00e7in ek ad\u0131mlar at\u0131lmal\u0131d\u0131r. Bu ad\u0131mlar, uygulaman\u0131n hem performansl\u0131 hem de g\u00fcvenli bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar. \u0130lk olarak, s\u0131k\u0131\u015ft\u0131rma ve optimizasyon teknikleri<\/strong> devreye girer. \u00d6zellikle web tabanl\u0131 uygulamalarda, nihai paketin boyutunu k\u00fc\u00e7\u00fcltmek ve y\u00fckleme s\u00fcrelerini k\u0131saltmak hayati \u00f6neme sahiptir. JavaScript, CSS ve HTML dosyalar\u0131 s\u0131k\u0131\u015ft\u0131r\u0131lmal\u0131 (minify edilmeli), resimler optimize edilmeli ve gereksiz dosyalar (\u00f6rne\u011fin, test dosyalar\u0131, geli\u015ftirme ara\u00e7lar\u0131) paketten \u00e7\u0131kar\u0131lmal\u0131d\u0131r. Webpack gibi build ara\u00e7lar\u0131, bu optimizasyonlar\u0131 otomatik olarak yapabilir. Bu sayede, ContextWeaver'\u0131n son kullan\u0131c\u0131ya daha h\u0131zl\u0131 ula\u015fmas\u0131 ve daha az bant geni\u015fli\u011fi t\u00fcketmesi sa\u011flan\u0131r. \u00d6rne\u011fin, JavaScript dosyalar\u0131n\u0131 s\u0131k\u0131\u015ft\u0131rmak ve Gzip veya Brotli s\u0131k\u0131\u015ft\u0131rma algoritmalar\u0131 ile sunucuda s\u0131k\u0131\u015ft\u0131rmak, dosya boyutlar\u0131n\u0131 %70'e kadar azaltabilir.<\/p>\n \u0130kinci \u00f6nemli nokta, g\u00fcvenlik kontrolleridir<\/strong>. Da\u011f\u0131t\u0131ma \u00e7\u0131kmadan \u00f6nce, ContextWeaver'\u0131n potansiyel g\u00fcvenlik a\u00e7\u0131klar\u0131na kar\u015f\u0131 taranmas\u0131 gerekir. Ba\u011f\u0131ml\u0131l\u0131klar\u0131n bilinen g\u00fcvenlik a\u00e7\u0131klar\u0131na sahip olup olmad\u0131\u011f\u0131n\u0131 kontrol etmek i\u00e7in Snyk, OWASP Dependency-Check gibi ara\u00e7lar kullan\u0131lmal\u0131d\u0131r. Statik kod analizi (SAST) ara\u00e7lar\u0131, kodunuzdaki yayg\u0131n g\u00fcvenlik zafiyetlerini (SQL enjeksiyonu, XSS, zay\u0131f kimlik do\u011frulama mekanizmalar\u0131 vb.) tespit edebilir. Ayr\u0131ca, hassas verilerin (\u015fifreler, API anahtarlar\u0131) do\u011frudan koda g\u00f6m\u00fclmedi\u011finden emin olunmal\u0131d\u0131r. Bu veriler, ortam de\u011fi\u015fkenleri veya g\u00fcvenli s\u0131r y\u00f6netimi sistemleri (Vault, AWS Secrets Manager, Azure Key Vault) arac\u0131l\u0131\u011f\u0131yla sa\u011flanmal\u0131d\u0131r. Bu, bir g\u00fcvenlik ihlali durumunda bile hassas bilgilerin a\u00e7\u0131\u011fa \u00e7\u0131kmas\u0131n\u0131 engeller.<\/p>\n \u00dc\u00e7\u00fcnc\u00fc olarak, ortam de\u011fi\u015fkenleri ve hassas verilerin y\u00f6netimi<\/strong> b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. Daha \u00f6nce de bahsedildi\u011fi gibi, uygulaman\u0131z\u0131n farkl\u0131 ortamlarda farkl\u0131 konfig\u00fcrasyonlara ihtiyac\u0131 olacakt\u0131r. Bu konfig\u00fcrasyonlar\u0131 koddan ay\u0131rmak ve ortam de\u011fi\u015fkenleri arac\u0131l\u0131\u011f\u0131yla sa\u011flamak en iyi uygulamad\u0131r. \u00d6rne\u011fin, veritaban\u0131 ba\u011flant\u0131 dizgisi, API anahtarlar\u0131, g\u00fcnl\u00fck seviyeleri gibi de\u011ferler ortam de\u011fi\u015fkenleri olarak tan\u0131mlanmal\u0131d\u0131r. Bu, ayn\u0131 paketin farkl\u0131 ortamlara g\u00fcvenli bir \u015fekilde da\u011f\u0131t\u0131lmas\u0131n\u0131 sa\u011flar. Konfig\u00fcrasyon dosyalar\u0131nda dahi hassas bilgiler tutulmamal\u0131, bu t\u00fcr bilgiler da\u011f\u0131t\u0131m s\u0131ras\u0131nda g\u00fcvenli bir \u015fekilde enjekte edilmelidir.<\/p>\n <\/code><\/p>\n Son olarak, CI\/CD entegrasyonu<\/strong>, ContextWeaver'\u0131n da\u011f\u0131t\u0131ma haz\u0131rlanma s\u00fcrecini otomatikle\u015ftirmek i\u00e7in vazge\u00e7ilmezdir. S\u00fcrekli Entegrasyon (CI) sunucular\u0131 (GitHub Actions, GitLab CI\/CD, Jenkins), kod de\u011fi\u015fiklikleri yap\u0131ld\u0131\u011f\u0131nda otomatik olarak testleri \u00e7al\u0131\u015ft\u0131r\u0131r, build s\u00fcrecini tetikler ve paketi olu\u015fturur. S\u00fcrekli Da\u011f\u0131t\u0131m (CD) ise, bu paketi otomatik olarak test veya \u00fcretim ortamlar\u0131na da\u011f\u0131t\u0131r. Bu otomasyon, insan hatas\u0131n\u0131 minimize eder, da\u011f\u0131t\u0131m h\u0131z\u0131n\u0131 art\u0131r\u0131r ve her zaman da\u011f\u0131t\u0131ma haz\u0131r bir uygulama s\u00fcr\u00fcm\u00fcne sahip olman\u0131z\u0131 sa\u011flar. CI\/CD boru hatt\u0131, kodun itilmesiyle ba\u015flar, otomatik testlerle devam eder, paketleme ve optimizasyon ad\u0131mlar\u0131n\u0131 i\u00e7erir ve son olarak uygulaman\u0131n hedef ortama da\u011f\u0131t\u0131lmas\u0131yla tamamlan\u0131r. Bu entegrasyon, geli\u015ftirme ekibinin daha h\u0131zl\u0131 ve daha g\u00fcvenilir bir \u015fekilde de\u011fer sunmas\u0131na olanak tan\u0131r.<\/p>\n ContextWeaver'\u0131 profesyonel d\u00fczeyde yay\u0131nlamak i\u00e7in manuel s\u00fcre\u00e7lerden ka\u00e7\u0131nmak ve otomasyona ge\u00e7mek elzemdir. \u0130\u015fte bu noktada S\u00fcrekli Entegrasyon (CI) ve S\u00fcrekli Da\u011f\u0131t\u0131m (CD) devreye girer. CI\/CD, yaz\u0131l\u0131m teslimat\u0131n\u0131 otomatikle\u015ftiren, g\u00fcvenli\u011fi art\u0131ran ve geli\u015ftirme h\u0131z\u0131n\u0131 inan\u0131lmaz derecede y\u00fckselten bir metodolojidir. Peki, ContextWeaver i\u00e7in CI\/CD otomasyonunu nas\u0131l sa\u011flayabiliriz? \u0130lk ad\u0131m, bir s\u00fcr\u00fcm kontrol sistemi (\u00f6rne\u011fin Git) ve bu sisteme entegre olabilecek bir CI\/CD platformu se\u00e7mektir. G\u00fcn\u00fcm\u00fczde GitHub Actions ve GitLab CI\/CD, pop\u00fcler ve g\u00fc\u00e7l\u00fc se\u00e7eneklerdir. Bunlar, kod deponuzdaki de\u011fi\u015fiklikleri alg\u0131layarak \u00f6nceden tan\u0131mlanm\u0131\u015f i\u015f ak\u0131\u015flar\u0131n\u0131 otomatik olarak tetikler.<\/p>\n Bir CI\/CD boru hatt\u0131 genellikle \u015fu ad\u0131mlar\u0131 i\u00e7erir:<\/p>\n \u00d6rne\u011fin, bir GitHub Actions i\u015f ak\u0131\u015f\u0131 ( <\/code><\/p>\n Bu \u00f6rnek, her kod de\u011fi\u015fikli\u011finde testleri \u00e7al\u0131\u015ft\u0131r\u0131r, bir Docker imaj\u0131 olu\u015fturur ve e\u011fer de\u011fi\u015fiklikler G\u00fcn\u00fcm\u00fczde mobil cihazlar \u00fczerinden internete eri\u015fim, masa\u00fcst\u00fc bilgisayarlara k\u0131yasla \u00e7ok daha yayg\u0131n hale gelmi\u015ftir. E\u011fer ContextWeaver uygulaman\u0131z\u0131n bir web aray\u00fcz\u00fc varsa veya herhangi bir \u015fekilde kullan\u0131c\u0131 etkile\u015fimi gerektiren bir bile\u015feni bulunuyorsa, mobil uyumluluk ve duyarl\u0131 tasar\u0131m art\u0131k bir \"ekstra \u00f6zellik\" de\u011fil, temel bir gerekliliktir. Kullan\u0131c\u0131lar\u0131n beklentisi, uygulamalar\u0131n her ekranda sorunsuz bir \u015fekilde \u00e7al\u0131\u015fmas\u0131 ve iyi bir kullan\u0131c\u0131 deneyimi sunmas\u0131d\u0131r. Mobil uyumlu olmayan bir uygulama, potansiyel kullan\u0131c\u0131lar\u0131 kaybetmenize ve uygulaman\u0131z\u0131n eri\u015filebilirli\u011fini ciddi \u015fekilde k\u0131s\u0131tlaman\u0131za neden olabilir.<\/p>\n Duyarl\u0131 tasar\u0131m (Responsive Design), bir web sitesinin veya uygulaman\u0131n farkl\u0131 ekran boyutlar\u0131na ve cihaz t\u00fcrlerine (ak\u0131ll\u0131 telefonlar, tabletler, masa\u00fcst\u00fc monit\u00f6rler) otomatik olarak adapte olmas\u0131n\u0131 sa\u011flayan bir yakla\u015f\u0131md\u0131r. Bu, tek bir kod taban\u0131yla t\u00fcm cihazlarda tutarl\u0131 ve optimize edilmi\u015f bir deneyim sunmak anlam\u0131na gelir. Duyarl\u0131 tasar\u0131m\u0131n temel prensipleri \u015funlard\u0131r:<\/p>\n ContextWeaver'\u0131n\u0131z\u0131n kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc tasarlarken duyarl\u0131 prensipleri benimsemek, uygulaman\u0131z\u0131n daha geni\u015f bir kitleye ula\u015fmas\u0131n\u0131 ve daha iyi bir kullan\u0131c\u0131 deneyimi sunmas\u0131n\u0131 sa\u011flar. \u00d6rne\u011fin, bir masa\u00fcst\u00fc ekran\u0131nda yan yana duran iki bile\u015fen, mobil bir cihazda alt alta yerle\u015febilir veya daha k\u00fc\u00e7\u00fck yaz\u0131 tipleri kullan\u0131labilir. \u0130\u015fte bir medya sorgusu \u00f6rne\u011fi:<\/p>\n <\/code><\/p>\n Yukar\u0131daki CSS \u00f6rne\u011fi, Ger\u00e7ek d\u00fcnya senaryolar\u0131, teorik bilgileri pratikle birle\u015ftirmenin en iyi yoludur. Hayali bir senaryo \u00fczerinden, \"GlobalInsight\" adl\u0131 b\u00fcy\u00fck bir veri analiz \u015firketinin ContextWeaver uygulamas\u0131n\u0131 nas\u0131l paketleyip yay\u0131nlad\u0131\u011f\u0131n\u0131 inceleyelim. GlobalInsight, farkl\u0131 sekt\u00f6rlerden gelen verileri toplayan, i\u015fleyen ve ba\u011flama \u00f6zel i\u00e7g\u00f6r\u00fcler sunan karma\u015f\u0131k bir platform i\u015fletmektedir. Bu platformun \u00e7ekirdek bile\u015fenlerinden biri de, kullan\u0131c\u0131 davran\u0131\u015flar\u0131 ve piyasa trendleri aras\u0131ndaki gizli ba\u011flant\u0131lar\u0131 ortaya \u00e7\u0131karan ContextWeaver'd\u0131r. ContextWeaver, Python tabanl\u0131 mikro hizmetlerden olu\u015fan, makine \u00f6\u011frenimi modellerini bar\u0131nd\u0131ran ve s\u00fcrekli olarak g\u00fcncellenmesi gereken kritik bir uygulamad\u0131r.<\/p>\n Kar\u015f\u0131la\u015f\u0131lan Zorluklar:<\/strong><\/p>\n Uygulanan \u00c7\u00f6z\u00fcmler ve Elde Edilen Faydalar:<\/strong><\/p>\n GlobalInsight ekibi, bu zorluklar\u0131 a\u015fmak i\u00e7in kapsaml\u0131 bir paketleme ve yay\u0131nlama stratejisi geli\u015ftirdi:<\/p>\n Elde Edilen Faydalar:<\/strong><\/p>\n Bu stratejiler sayesinde GlobalInsight, ContextWeaver'\u0131n yay\u0131nlama s\u00fcre\u00e7lerini devrim niteli\u011finde iyile\u015ftirdi:<\/p>\n Bu vaka analizi, ContextWeaver gibi karma\u015f\u0131k bir uygulaman\u0131n profesyonel paketleme ve yay\u0131nlama s\u00fcre\u00e7leriyle nas\u0131l daha y\u00f6netilebilir, g\u00fcvenilir ve performansl\u0131 hale getirilebilece\u011fini a\u00e7\u0131k\u00e7a g\u00f6stermektedir. Lab 9 projenizde bu prensipleri uygulayarak benzer faydalar elde edebilirsiniz.<\/p>\n ContextWeaver'\u0131 Lab 9 projeniz kapsam\u0131nda paketlemek ve yay\u0131nlamak, sadece kod yazmakla bitmeyen, uygulaman\u0131z\u0131n ger\u00e7ek d\u00fcnyaya de\u011fer katmas\u0131n\u0131 sa\u011flayan kritik bir s\u00fcre\u00e7tir. Bu makalede, ContextWeaver'\u0131n neden paketlenmesi gerekti\u011finden ba\u015flayarak, temel paketleme ad\u0131mlar\u0131na, gerekli yap\u0131land\u0131rma dosyalar\u0131na, da\u011f\u0131t\u0131ma haz\u0131rl\u0131kta dikkat edilmesi gereken noktalara ve CI\/CD ile otomasyonun \u00f6nemine de\u011findik. Ayr\u0131ca, duyarl\u0131 tasar\u0131m\u0131n mobil uyumluluk i\u00e7in vazge\u00e7ilmezli\u011fini ve ger\u00e7ek bir vaka analiziyle bu prensiplerin nas\u0131l uygulanabilece\u011fini de inceledik.<\/p>\n \u00d6zetle, ContextWeaver'\u0131n ba\u015far\u0131l\u0131 bir \u015fekilde yay\u0131nlanmas\u0131 i\u00e7in \u015funlar hayati \u00f6neme sahiptir: ba\u011f\u0131ml\u0131l\u0131klar\u0131 do\u011fru y\u00f6netmek, sa\u011flam bir build s\u00fcreci olu\u015fturmak, kapsaml\u0131 testler uygulamak, SemVer gibi s\u00fcr\u00fcmleme standartlar\u0131n\u0131 benimsemek, g\u00fcvenlik a\u00e7\u0131klar\u0131na kar\u015f\u0131 \u00f6nlemler almak, ortam de\u011fi\u015fkenlerini ak\u0131ll\u0131ca kullanmak ve t\u00fcm bu s\u00fcre\u00e7leri CI\/CD ile otomatikle\u015ftirmek. Bu ad\u0131mlar, uygulaman\u0131z\u0131n tutarl\u0131, g\u00fcvenilir, performansl\u0131 ve kolayca da\u011f\u0131t\u0131labilir olmas\u0131n\u0131 sa\u011flayacakt\u0131r. Unutmay\u0131n ki iyi bir paketleme ve yay\u0131nlama stratejisi, geli\u015ftirme s\u00fcrecinin ayr\u0131lmaz bir par\u00e7as\u0131d\u0131r ve projenizin genel kalitesini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini do\u011frudan etkiler.<\/p>\n ContextWeaver'\u0131n yay\u0131nlanaca\u011f\u0131 platform, uygulaman\u0131n mimarisine ve kullan\u0131lan teknoloji y\u0131\u011f\u0131n\u0131na ba\u011fl\u0131d\u0131r. Web tabanl\u0131 uygulamalar i\u00e7in bulut sa\u011flay\u0131c\u0131lar\u0131 (AWS Elastic Beanstalk, Azure App Service, Google App Engine), sunucusuz platformlar (AWS Lambda, Azure Functions) veya Kubernetes k\u00fcmeleri kullan\u0131labilir. Masa\u00fcst\u00fc uygulamalar\u0131 i\u00e7in platforma \u00f6zg\u00fc paketleme ara\u00e7lar\u0131 (MSI, DMG, DEB\/RPM) veya Electron gibi cross-platform \u00e7\u00f6z\u00fcmler mevcuttur. Python paketleri PyPI'da, Node.js paketleri npm registry'de yay\u0131nlanabilir. Docker imajlar\u0131 ise Docker Hub veya \u00f6zel konteyner kay\u0131t defterlerine y\u00fcklenebilir. Se\u00e7iminiz, uygulaman\u0131z\u0131n eri\u015fmek istedi\u011fi kitleye ve teknik gereksinimlerine g\u00f6re de\u011fi\u015fir.<\/p>\n<\/li>\n Otomasyon, paketleme s\u00fcrecinin en kritik bile\u015fenlerinden biridir. Manuel i\u015flemler zaman al\u0131c\u0131, hataya a\u00e7\u0131k ve \u00f6l\u00e7eklenemezdir. CI\/CD boru hatlar\u0131 (GitHub Actions, GitLab CI\/CD, Jenkins), kod de\u011fi\u015fikliklerinden sonra testleri otomatik \u00e7al\u0131\u015ft\u0131rmak, uygulamay\u0131 derlemek, paketlemek ve hatta da\u011f\u0131tmak i\u00e7in kullan\u0131l\u0131r. Bu, insan hatas\u0131n\u0131 minimize eder, da\u011f\u0131t\u0131m h\u0131z\u0131n\u0131 art\u0131r\u0131r, geli\u015ftirici verimlili\u011fini y\u00fckseltir ve her zaman da\u011f\u0131t\u0131ma haz\u0131r, y\u00fcksek kaliteli bir uygulamaya sahip olman\u0131z\u0131 sa\u011flar. B\u00fcy\u00fck \u00f6l\u00e7ekli veya s\u00fcrekli g\u00fcncellenen projeler i\u00e7in otomasyon vazge\u00e7ilmezdir.<\/p>\n<\/li>\n Ba\u011f\u0131ml\u0131l\u0131k \u00e7ak\u0131\u015fmalar\u0131n\u0131 \u00f6nlemenin birka\u00e7 etkili yolu vard\u0131r:<\/p>\n G\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 test etmek i\u00e7in farkl\u0131 yakla\u015f\u0131mlar mevcuttur:<\/p>\nYaz\u0131l\u0131m Paketleme S\u00fcrecinin Temel Ad\u0131mlar\u0131 Nelerdir?<\/h2>\n
npm<\/code> veya yarn<\/code>, Python tabanl\u0131 bir uygulama i\u00e7in pip<\/code> veya poetry<\/code>, Java i\u00e7in Maven<\/code> veya Gradle<\/code>, .NET i\u00e7in ise NuGet<\/code> paket y\u00f6neticileri kullan\u0131l\u0131r. Bu ara\u00e7lar, uygulaman\u0131z\u0131n ihtiya\u00e7 duydu\u011fu t\u00fcm harici k\u00fct\u00fcphanelerin do\u011fru s\u00fcr\u00fcmlerini belirlemenize ve projenizin yan\u0131nda paketlemenize olanak tan\u0131r. Ba\u011f\u0131ml\u0131l\u0131k listelerinizi (\u00f6rne\u011fin, package.json<\/code>, requirements.txt<\/code>, pom.xml<\/code>) g\u00fcncel ve eksiksiz tutmak hayati \u00f6nem ta\u015f\u0131r. Bu, potansiyel \u00e7ak\u0131\u015fmalar\u0131 \u00f6nler ve farkl\u0131 geli\u015ftirme ortamlar\u0131nda tutarl\u0131l\u0131k sa\u011flar.<\/p>\nmvn clean install<\/code> veya gradle build<\/code> komutlar\u0131, Python projeleri i\u00e7in ise baz\u0131 durumlarda da\u011f\u0131t\u0131labilir tekerlek (wheel) dosyalar\u0131 olu\u015fturulur. Bu a\u015famada, uygulaman\u0131n \u00fcretim i\u00e7in optimize edilmi\u015f bir s\u00fcr\u00fcm\u00fc haz\u0131rlan\u0131r; genellikle yorum sat\u0131rlar\u0131, gereksiz bo\u015fluklar kald\u0131r\u0131l\u0131r ve kod boyutu k\u00fc\u00e7\u00fclt\u00fcl\u00fcr. Bu optimizasyonlar, uygulaman\u0131n y\u00fckleme s\u00fcresini ve \u00e7al\u0131\u015fma zaman\u0131ndaki performans\u0131n\u0131 do\u011frudan etkiler.<\/p>\nContextWeaver i\u00e7in Gerekli Yap\u0131land\u0131rma Dosyalar\u0131 Nas\u0131l Haz\u0131rlan\u0131r?<\/h3>\n
package.json<\/code> dosyas\u0131 bunun merkezidir. Bu dosya, projenin ad\u0131n\u0131, s\u00fcr\u00fcm\u00fcn\u00fc, a\u00e7\u0131klamas\u0131n\u0131, ana giri\u015f noktas\u0131n\u0131, \u00e7al\u0131\u015ft\u0131rma komutlar\u0131n\u0131 ve en \u00f6nemlisi t\u00fcm geli\u015ftirme ve \u00fcretim ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 i\u00e7erir. A\u015fa\u011f\u0131da basit bir package.json<\/code> \u00f6rne\u011fi bulabilirsiniz:<\/p>\n\n{\n \"name\": \"contextweaver-lab9\",\n \"version\": \"1.0.0\",\n \"description\": \"Lab 9 ContextWeaver uygulamas\u0131 i\u00e7in ba\u011flam duyarl\u0131 i\u015flemci\",\n \"main\": \"src\/index.js\",\n \"scripts\": {\n \"start\": \"node src\/index.js\",\n \"build\": \"webpack --config webpack.config.js\",\n \"test\": \"jest\",\n \"lint\": \"eslint src\/\"\n },\n \"dependencies\": {\n \"express\": \"^4.17.1\",\n \"lodash\": \"^4.17.21\"\n },\n \"devDependencies\": {\n \"webpack\": \"^5.x.x\",\n \"webpack-cli\": \"^4.x.x\",\n \"jest\": \"^27.x.x\",\n \"eslint\": \"^8.x.x\"\n }\n}\n<\/pre>\nsetup.py<\/code> veya pyproject.toml<\/code> gibi dosyalar kullan\u0131l\u0131r. Bunlar, projenin metadata's\u0131n\u0131 ve ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 tan\u0131mlar. Java projeleri i\u00e7in pom.xml<\/code> (Maven) veya build.gradle<\/code> (Gradle), .NET projeleri i\u00e7in ise .csproj<\/code> dosyalar\u0131 benzer bir rol \u00fcstlenir. Bu dosyalar\u0131n do\u011fru ve eksiksiz olmas\u0131, ba\u011f\u0131ml\u0131l\u0131klar\u0131n otomatik olarak kurulmas\u0131n\u0131 sa\u011flar ve \"build\" s\u00fcrecini sorunsuz hale getirir.<\/p>\n.env<\/code>, config.json<\/code>, application.properties<\/code>) tutulmal\u0131d\u0131r. Bu sayede, ayn\u0131 paket farkl\u0131 ortamlara kolayca da\u011f\u0131t\u0131labilir ve sadece konfig\u00fcrasyon dosyalar\u0131 de\u011fi\u015ftirilerek uyarlanabilir. Hassas bilgiler (\u015fifreler, API anahtarlar\u0131) ise ortam de\u011fi\u015fkenleri arac\u0131l\u0131\u011f\u0131yla veya g\u00fcvenli s\u0131r y\u00f6netim sistemleri kullan\u0131larak sa\u011flanmal\u0131d\u0131r.<\/p>\n\n\/\/ config.js (Node.js \u00f6rne\u011fi)\nconst config = {\n port: process.env.PORT || 3000,\n databaseUrl: process.env.DATABASE_URL || \"mongodb:\/\/localhost:27017\/contextweaver_dev\",\n apiKey: process.env.API_KEY || \"dev-secret-key\"\n};\n\nmodule.exports = config;\n<\/pre>\nDockerfile<\/code> \u00f6rne\u011fidir<\/strong>. Docker, uygulaman\u0131z\u0131 t\u00fcm ba\u011f\u0131ml\u0131l\u0131klar\u0131 ve \u00e7al\u0131\u015fma ortam\u0131yla birlikte izole bir konteyner i\u00e7inde paketlemenizi sa\u011flar. Bu, \"benim makinemde \u00e7al\u0131\u015f\u0131yor\" sorununu tamamen ortadan kald\u0131r\u0131r. Bir Dockerfile<\/code>, uygulaman\u0131z\u0131n nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ve nas\u0131l \u00e7al\u0131\u015faca\u011f\u0131n\u0131 ad\u0131m ad\u0131m tan\u0131mlar:<\/p>\n\n# Dockerfile \u00f6rne\u011fi (Node.js ContextWeaver i\u00e7in)\n# Bir Node.js tabanl\u0131 imaj se\u00e7imi\nFROM node:18-alpine\n\n# \u00c7al\u0131\u015fma dizinini ayarlama\nWORKDIR \/app\n\n# package.json ve package-lock.json'\u0131 kopyalama\n# Bu sayede ba\u011f\u0131ml\u0131l\u0131klar de\u011fi\u015fmedi\u011finde katman cache'den kullan\u0131labilir\nCOPY package*.json .\/\n\n# Ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00fckleme\nRUN npm install\n\n# Uygulama kodunu kopyalama\nCOPY . .\n\n# Build a\u015famas\u0131n\u0131 ger\u00e7ekle\u015ftirme (e\u011fer gerekli ise, \u00f6rne\u011fin React uygulamalar\u0131)\n# RUN npm run build\n\n# Uygulaman\u0131n dinleyece\u011fi portu belirtme\nEXPOSE 3000\n\n# Uygulamay\u0131 ba\u015flatma komutu\nCMD [\"npm\", \"start\"]\n<\/pre>\nDockerfile<\/code>, ContextWeaver'\u0131n bir Node.js ortam\u0131nda nas\u0131l \u00e7al\u0131\u015ft\u0131r\u0131laca\u011f\u0131n\u0131, ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131n nas\u0131l kurulaca\u011f\u0131n\u0131 ve hangi porttan hizmet verece\u011fini detayl\u0131 bir \u015fekilde a\u00e7\u0131klar. Bu yap\u0131land\u0131rma dosyalar\u0131, uygulaman\u0131z\u0131n paketleme ve yay\u0131nlama s\u00fcrecinde bir yol haritas\u0131 g\u00f6revi g\u00f6r\u00fcr ve farkl\u0131 da\u011f\u0131t\u0131m hedeflerine kolayca adapte olmas\u0131n\u0131 sa\u011flar. Do\u011fru yap\u0131land\u0131rma, hem zaman kazand\u0131r\u0131r hem de olas\u0131 hatalar\u0131n \u00f6n\u00fcne ge\u00e7er.<\/p>\nContextWeaver'\u0131 Da\u011f\u0131t\u0131ma Haz\u0131rlarken Nelere Dikkat Edilmeli?<\/h2>\n
devDependencies<\/code> gibi) hari\u00e7 tutun.<\/div>\n\n# Ortam de\u011fi\u015fkeni ayar\u0131 (bash \u00f6rne\u011fi)\nexport NODE_ENV=production\nexport DATABASE_URL=\"postgresql:\/\/user:password@prod-db:5432\/contextweaver_prod\"\nexport API_SECRET_KEY=\"uzun-ve-guvenli-bir-anahtar\"\n<\/pre>\nS\u00fcrekli Entegrasyon ve S\u00fcrekli Da\u011f\u0131t\u0131m (CI\/CD) ile Otomasyon Nas\u0131l Sa\u011flan\u0131r?<\/h3>\n
\n
npm install<\/code>, pip install<\/code> vb.) otomatik olarak kurulur.<\/li>\n.tar.gz<\/code> ar\u015fivi) olu\u015fturulur.<\/li>\n.github\/workflows\/main.yml<\/code>) ContextWeaver'\u0131n paketlenmesini ve yay\u0131nlanmas\u0131n\u0131 \u015fu \u015fekilde otomatikle\u015ftirebilir:<\/p>\n\n# .github\/workflows\/main.yml\nname: ContextWeaver CI\/CD\n\non:\n push:\n branches:\n - main\n pull_request:\n branches:\n - main\n\njobs:\n build-and-test:\n runs-on: ubuntu-latest\n\n steps:\n - name: Depoyu Kopyala\n uses: actions\/checkout@v3\n\n - name: Node.js Ortam\u0131n\u0131 Kur\n uses: actions\/setup-node@v3\n with:\n node-version: '18'\n\n - name: Ba\u011f\u0131ml\u0131l\u0131klar\u0131 Y\u00fckle\n run: npm ci\n\n - name: Testleri \u00c7al\u0131\u015ft\u0131r\n run: npm test\n\n - name: Uygulamay\u0131 Derle (Build)\n run: npm run build\n\n - name: Docker \u0130maj\u0131n\u0131 Olu\u015ftur\n uses: docker\/build-push-action@v4\n with:\n context: .\n push: false # \u015eimdilik sadece olu\u015ftur, yay\u0131nlamay\u0131 ba\u015fka bir ad\u0131mda yap\n tags: contextweaver\/app:${{ github.sha }}\n\n deploy-to-staging:\n needs: build-and-test # Build ve test ad\u0131m\u0131 ba\u015far\u0131l\u0131 olursa \u00e7al\u0131\u015f\n runs-on: ubuntu-latest\n if: github.ref == 'refs\/heads\/main' # Sadece main branch'e push yap\u0131ld\u0131\u011f\u0131nda\n\n steps:\n - name: Docker \u0130maj\u0131n\u0131 \u00c7ek\n uses: docker\/pull-action@v2 # Bu ad\u0131m, \u00f6nceki job'dan imaj\u0131 tekrar olu\u015fturmak yerine \u00e7ekebilir\n with:\n image: contextweaver\/app:${{ github.sha }}\n\n - name: Staging Ortam\u0131na Da\u011f\u0131t\n env:\n SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}\n STAGING_HOST: ${{ secrets.STAGING_HOST }}\n DATABASE_URL: ${{ secrets.STAGING_DATABASE_URL }}\n run: |\n echo \"$SSH_PRIVATE_KEY\" > ssh_key\n chmod 600 ssh_key\n # SSH ile sunucuya ba\u011flan ve Docker konteynerini g\u00fcncelle\/yeniden ba\u015flat\n ssh -i ssh_key -o StrictHostKeyChecking=no ${{ secrets.STAGING_USER }}@$STAGING_HOST \\\n \"docker login -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }} && \\\n docker pull contextweaver\/app:${{ github.sha }} && \\\n docker stop contextweaver-staging || true && \\\n docker rm contextweaver-staging || true && \\\n docker run -d --name contextweaver-staging -p 3000:3000 \\\n -e DATABASE_URL=$DATABASE_URL \\\n contextweaver\/app:${{ github.sha }}\"\n\n<\/pre>\nmain<\/code> branch'ine yap\u0131ld\u0131ysa, uygulamay\u0131 otomatik olarak bir \"staging\" (haz\u0131rl\u0131k) ortam\u0131na da\u011f\u0131t\u0131r. Da\u011f\u0131t\u0131m s\u0131ras\u0131nda hassas bilgiler (SSH anahtarlar\u0131, veritaban\u0131 URL'leri) GitHub Secrets arac\u0131l\u0131\u011f\u0131yla g\u00fcvenli bir \u015fekilde sa\u011flan\u0131r. Bu otomasyon, ContextWeaver'\u0131n s\u00fcrekli olarak da\u011f\u0131t\u0131ma haz\u0131r olmas\u0131n\u0131 sa\u011flayarak manuel hatalar\u0131 ve gecikmeleri ortadan kald\u0131r\u0131r. Ayr\u0131ca, yeni \u00f6zelliklerin daha h\u0131zl\u0131 bir \u015fekilde kullan\u0131c\u0131lara ula\u015fmas\u0131na olanak tan\u0131r ve geri alma (rollback) i\u015flemlerini basitle\u015ftirir.<\/p>\nMobil Uyumluluk ve Duyarl\u0131 Tasar\u0131m Neden \u00d6nemli?<\/h2>\n
\n
\n\/* Genel stiller *\/\n.container {\n width: 90%;\n margin: 0 auto;\n padding: 20px;\n background-color: #f0f0f0;\n}\n\n.card {\n float: left;\n width: 48%; \/* Masa\u00fcst\u00fcnde iki kart yan yana *\/\n margin: 1%;\n padding: 15px;\n border: 1px solid #ccc;\n box-sizing: border-box; \/* Padding'in geni\u015fli\u011fe dahil olmas\u0131n\u0131 sa\u011flar *\/\n}\n\n\/* 768px'den k\u00fc\u00e7\u00fck ekranlar i\u00e7in stiller (tabletler ve mobil cihazlar) *\/\n@media screen and (max-width: 768px) {\n .card {\n float: none; \/* Kartlar alt alta gelsin *\/\n width: 96%; \/* Tam geni\u015fli\u011fi kaplas\u0131n *\/\n margin: 2% auto;\n }\n\n h2 {\n font-size: 1.5em; \/* Mobil cihazlarda ba\u015fl\u0131klar\u0131 k\u00fc\u00e7\u00fclt *\/\n }\n\n p {\n font-size: 0.9em; \/* Mobil cihazlarda metinleri k\u00fc\u00e7\u00fclt *\/\n }\n}\n\n\/* 480px'den k\u00fc\u00e7\u00fck ekranlar i\u00e7in stiller (k\u00fc\u00e7\u00fck mobil cihazlar) *\/\n@media screen and (max-width: 480px) {\n .container {\n padding: 10px;\n }\n .card {\n margin: 1% auto;\n padding: 10px;\n }\n}\n<\/pre>\n.card<\/code> elemanlar\u0131n\u0131n masa\u00fcst\u00fcnde yan yana (yakla\u015f\u0131k %48 geni\u015flikle) dururken, ekran geni\u015fli\u011fi 768 pikselin alt\u0131na d\u00fc\u015ft\u00fc\u011f\u00fcnde alt alta (%96 geni\u015flikle) nas\u0131l yerle\u015fti\u011fini g\u00f6stermektedir. Bu, ContextWeaver'\u0131n kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn farkl\u0131 cihazlarda do\u011fal ve okunabilir olmas\u0131n\u0131 sa\u011flar. Duyarl\u0131 tasar\u0131m sadece estetik bir mesele de\u011fil, ayn\u0131 zamanda eri\u015filebilirlik ve kullan\u0131labilirlik a\u00e7\u0131s\u0131ndan da kritik bir fakt\u00f6rd\u00fcr. Uygulaman\u0131z\u0131n her zaman en iyi \u0131\u015f\u0131kta g\u00f6r\u00fcnmesini sa\u011flamak i\u00e7in duyarl\u0131 tasar\u0131m prensiplerini uygulaman\u0131z, Lab 9 projenizin genel kalitesini ve etkisini art\u0131racakt\u0131r.<\/p>\nVaka Analizi: B\u00fcy\u00fck \u00d6l\u00e7ekli Bir Projede ContextWeaver Nas\u0131l Yay\u0131nland\u0131?<\/h2>\n
\n
\n
Dockerfile<\/code>'\u0131 olu\u015fturuldu. Bu sayede, \"ortam tutars\u0131zl\u0131\u011f\u0131\" sorunu k\u00f6kten \u00e7\u00f6z\u00fcld\u00fc. Docker imajlar\u0131, uygulaman\u0131n her yerde ayn\u0131 \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 garantiledi.<\/li>\nrequirements.txt<\/code> yerine Poetry kullan\u0131ld\u0131. Poetry, ba\u011f\u0131ml\u0131l\u0131k \u00e7ak\u0131\u015fmalar\u0131n\u0131 daha iyi y\u00f6netiyor ve poetry.lock<\/code> dosyas\u0131 sayesinde ba\u011f\u0131ml\u0131l\u0131klar\u0131n sabit s\u00fcr\u00fcmlerini garanti ediyordu. Bu, \"ba\u011f\u0131ml\u0131l\u0131k cehennemini\" \u00f6nemli \u00f6l\u00e7\u00fcde hafifletti.<\/li>\n\n
\n
Sonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular<\/h3>\n
\n
\n
\"express\": \"4.17.1\"<\/code> yerine \"express\": \"^4.17.1\"<\/code>).<\/li>\npackage-lock.json<\/code> (npm), yarn.lock<\/code> (yarn), Pipfile.lock<\/code> (pipenv) veya poetry.lock<\/code> (poetry) gibi kilit dosyalar\u0131n\u0131 s\u00fcr\u00fcm kontrol\u00fcne dahil edin. Bu dosyalar, tam olarak hangi ba\u011f\u0131ml\u0131l\u0131k s\u00fcr\u00fcmlerinin y\u00fcklendi\u011fini garanti eder.<\/li>\n\n