[{"data":1,"prerenderedAt":457},["ShallowReactive",2],{"site-header":3,"site-footer-license":37,"article-static-typing-dan-dynamic-typing-apa-bedanya-with-latest":41},{"navigations":4},[5,20],{"collection":6,"item":7},"series",{"__typename":6,"title":8,"slug":9,"children_series":10},"Artikel","all",[11,14,17],{"title":12,"slug":13},"Algoritma dan Struktur Data","algoritma-struktur-data",{"title":15,"slug":16},"Konsep Dasar Pemrograman","konsep-dasar-pemrograman",{"title":18,"slug":19},"Kecerdasan Artifisial","kecerdasan-artifisial",{"collection":6,"item":21},{"__typename":6,"title":22,"slug":23,"children_series":24},"Tutorial","tutorial",[25,28,31,34],{"title":26,"slug":27},"Belajar Java","belajar-java",{"title":29,"slug":30},"Belajar Pascal","belajar-pascal",{"title":32,"slug":33},"Belajar Python","belajar-python",{"title":35,"slug":36},"Belajar Golang","belajar-golang",{"name":38,"url":39,"show":40},"CC BY-SA","https://creativecommons.org/licenses/by-sa/4.0/",false,{"article":42,"renderedBody":408,"renderedTakeaway":409,"latestArticles":410,"toc":433},{"id":43,"title":44,"slug":45,"excerpt":46,"published_at":47,"thumbnail_image":48,"tags":50,"reading_time":54,"takeway":55,"body":56,"authors":57,"series":58},"19","Static Typing dan Dynamic Typing: Apa Bedanya?","static-typing-dan-dynamic-typing-apa-bedanya","Pernah bingung kenapa di Java tipe data harus dideklarasikan, sementara di Python tinggal pakai aja? Yuk, cari tahu perbedaan static typing dan dynamic typing di sini!","2026-06-15T02:39:15.869Z",{"id":49},"98e85e76-9e7b-42d1-b989-7c75e7f49abc",[51,52,53],"programming","types","comparison",null,"- Static typing mengecek tipe data pada saat compile time, sehingga lebih aman dari bug tipe data.\n- Dynamic typing mengecek tipe data pada saat runtime, membuat proses coding jadi lebih fleksibel dan cepat.\n- Pilihan tipe penulisan ini bergantung pada skala project, kebutuhan performa, dan preferensi developer.","\nKalau ngomongin pemrograman, kita pasti *nggak* bisa lepas dari yang namanya variabel. Nah, dalam cara penulisannya, ada dua kubu yang paling populer: *static typing* (*statically typed*) dan *dynamic typing* (*dynamically typed*). Kira-kira apa sih bedanya dan mana yang lebih cocok buat kebutuhan kalian? Yuk, kita bedah bareng-bareng! 😎\n\n## Static Typing\n\n*Static typing* atau gaya penulisan statis ini merujuk pada bahasa pemrograman yang tipe datanya *nggak* bisa diubah-ubah setelah ditentukan. Hal ini terjadi karena semua variabel wajib diketahui tipenya waktu proses kompilasi (*compile time*). Jadi, sebelum program kalian berjalan, kompiler bakal memeriksa semua tipe data buat memastikan *nggak* ada yang salah alamat.\n\nBeberapa contoh bahasa pemrograman yang pakai gaya *static typing* ini adalah C++, Go, Pascal, dan Java. Mari kita lihat apa saja karakteristik, kelebihan, serta kekurangannya!\n\n### Karakteristik\n\nGaya *static typing* ini biasanya melekat erat pada bahasa pemrograman yang dikompilasi (*compiled languages*). Sebagai developer, kalian biasanya diwajibkan buat mendeklarasikan tipe data secara eksplisit pas bikin variabel. Sekali tipe datanya ditentukan, dia bakal bersifat permanen dan *nggak* bisa diubah-ubah lagi di tengah jalan.\n\nContohnya dalam bahasa Java:\n\n```java\nint angka = 90;       // variabel bertipe int\nString nama = \"inva\"; // variabel bertipe String\n```\n\nDi kode Java atas, baik variabel `angka` maupun `nama` selamanya bakal memegang tipe data itu. Kalau kalian iseng mau masukin tipe data lain yang *nggak* cocok, kompiler pasti langsung teriak error tipe data (*type error*). Contohnya kayak gini:\n\n```java\nint angka = \"satu\"; // error tipe data\nString nama = 12;   // error tipe data\n```\n\nWalaupun tipe datanya *nggak* bisa diubah langsung, kebanyakan bahasa pemrograman tetap menyediakan fitur buat mengonversi data yang ada ke tipe data lain tanpa mengubah tipe variabel aslinya. Biasanya kita bisa pakai teknik *type casting* atau *parsing*.\n\n```java\ndouble pecahan = 3.14d;\nint bulat = (int) pecahan; // typecasting double ke int\n\nString stringAngka = \"12\";\nint angka = Integer.parseInt(stringAngka); // parsing string ke int\n```\n\nTapi tenang aja, ada juga kok bahasa *statically typed* yang pintar dan *nggak* mengharuskan kita buat menulis tipe data secara manual di setiap baris. Bahasa-bahasa ini bisa mendeteksi tipe data secara implisit lewat nilai yang kita masukkan. Contoh terkenalnya yaitu Go. Coba perhatikan sintaks ini:\n\n```go\nvar a int = 12 // tipe data int dideklarasikan secara eksplisit\nvar b = 12     // tipe data int dideteksi secara implisit dari nilainya\nc := 12        // versi singkatnya\n```\n\n### Kelebihan\n\n* **Meminimalisir *bug*** — Pengecekan tipe data oleh kompiler dari awal bisa menyelamatkan kita dari *bug* sepele terkait salah tipe data. Kalau ada tipe yang *nggak* cocok, kompiler bakal langsung ngasih tahu sebelum program dijalankan.\n* ***Self-documented code*** — Kehadiran tipe data di setiap variabel bikin kode kita lebih mudah dipahami secara visual. Kita jadi tahu pasti variabel itu buat apa, sehingga proses pengembangan (*scaling*) program juga jadi lebih lancar.\n* **Meningkatkan *Developer Experience* (DX)** — Fitur IDE keren seperti *code completion* dan *auto-suggestion* bisa berjalan maksimal. Ini karena IDE sudah tahu tipe data dari objek yang sedang kita ketik.\n* **Performa lebih cepat** — Karena pengecekan tipe data sudah beres pas tahap kompilasi, komputer *nggak* perlu lagi mikirin tipe data pas programnya jalan (*runtime*). Hasilnya, performa aplikasi jadi jauh lebih kencang.\n\n### Kekurangan\n\n* **Penulisan kode terasa lambat** — Kita harus meluangkan waktu ekstra buat merencanakan, menulis, dan merapikan tipe data. Buat kalian yang suka serba cepat, proses ini mungkin terasa agak menghambat produktivitas.\n* **Kurang fleksibel dalam manipulasi data** — Karena variabel *nggak* bisa sembarangan diisi tipe data yang berbeda, kita kadang butuh langkah ekstra (seperti konversi manual) buat mengolah data tersebut.\n\n## Dynamic Typing\n\nNah, kalau *static typing* sering kita temui di bahasa yang dikompilasi, *dynamic typing* biasanya jadi andalan bahasa pemrograman yang diinterpretasikan (*interpreted languages*). Gaya penulisan dinamis ini membebaskan kita buat bikin variabel sesuka hati tanpa perlu pusing mikirin deklarasi tipe datanya terlebih dahulu.\n\nBahasa pemrograman yang menggunakan gaya *dynamic typing* antara lain Python, JavaScript, Ruby, PHP, dan Perl. Mari kita lihat karakteristik serta plus minusnya! 🚀\n\n### Karakteristik\n\nKebalikan dari *static typing*, saat memakai gaya penulisan dinamis kita bebas membuat variabel tanpa perlu menuliskan tipe datanya secara manual. Interpreter dari bahasa tersebut yang bakal mendeteksi dan menentukan tipenya secara otomatis pas program berjalan (*runtime*).\n\nContoh gampangnya di bahasa Python:\n\n```python\nangka = 90    # variabel otomatis bertipe int\nnama = \"inva\" # variabel otomatis bertipe string\n```\n\nHebatnya lagi, isi dari variabel tersebut bisa berubah-ubah tipe datanya kapan saja sesuai kebutuhan kita. Interpreter bakal langsung memperbarui tipenya saat kita memberikan nilai (*assignment*) baru.\n\nOya, dalam dunia *dynamic typing*, ada dua cara implementasi terkait cara bahasa tersebut mengolah data: *strongly typed* dan *weakly typed*.\n\nBahasa pemrograman dengan kategori *strongly typed* *nggak* bakal mengizinkan kita melakukan operasi antara dua tipe data yang berbeda tanpa konversi manual. Kalau kalian coba-coba melakukannya, program bakal langsung melempar error. Contoh bahasa tipe ini adalah Python dan Ruby:\n\n```python\na = 1 + \"satu\"      # Bakal muncul error di sini!\nb = str(1) + \"satu\" # Harus dikonversi secara manual dulu biar jalan\n```\n\nSedangkan untuk *weakly typed languages*, interpreter-nya lebih cuek dan membolehkan kita mengoperasikan dua tipe data berbeda secara langsung. Sistem bakal otomatis mengonversi tipe datanya di balik layar. Contohnya adalah JavaScript dan PHP:\n\n```javascript\nlet a = 1 + \"satu\"; // Hasilnya malah '1satu'\nlet b = true && []; // Hasilnya []\nlet c = !![];       // Hasilnya true (mulai bikin pusing kan? hehe)\n```\n\n### Kelebihan\n\n* **Penulisan kode jauh lebih cepat** — Karena *nggak* usah ribet menulis tipe data buat setiap variabel, kita bisa fokus penuh ke logika program. Hal ini bikin proses penulisan kode terasa lebih ringkas dan gesit.\n* **Alur logika lebih fleksibel** — Variabel yang bisa berubah tipe membuat kita bisa memakai variabel yang sama untuk menyimpan data yang berbeda formatnya. Tapi ingat ya, sebaiknya hindari trik ini kalau *nggak* mau kode kalian jadi membingungkan!\n\n### Kekurangan\n\n* **Rentan terkena *runtime error*** — Karena *nggak* ada proses kompilasi awal buat menyaring tipe data yang salah, potensi munculnya *type error* pas program dijalankan di server atau di HP *user* jadi lebih besar.\n* **Kode susah dibaca pas *project* membesar** — Absennya informasi tipe data yang jelas sering kali bikin kita bingung sendiri saat membaca kode lama. Kita terpaksa harus sangat teliti dalam menamai variabel atau rajin-rajin nulis dokumentasi biar *nggak* pusing.\n* **Kecepatan eksekusi relatif lambat** — Komputer harus sibuk mendeteksi dan mencocokkan tipe data secara berkala pas program berjalan. Itulah kenapa bahasa dinamis biasanya *nggak* secepat bahasa statis.\n\n## Singkatnya...\n\nJadi, intinya perbedaan kedua kubu ini ada pada waktu pengecekan tipe datanya:\n\n1. ***Static typing* (Statis):** Kita wajib mendaftarkan tipe data pas bikin variabel, dan pengecekannya dilakukan sebelum program dijalankan (*compile time*).\n2. ***Dynamic typing* (Dinamis):** Kita bebas menulis kode tanpa ribet mendeklarasikan tipe data, dan pengecekannya baru berjalan pas program dieksekusi (*runtime*).\n\nNah, kalau kalian sendiri lebih suka pakai bahasa pemrograman yang *static* atau *dynamic* nih? Apa alasannya? Coba bagiin cerita kalian di kolom komentar ya!\n\nSelamat berkoding ria 👋",[],{"id":59,"title":8,"slug":9,"articles":60,"parent_series":54},"9",[61,77,90,102,113,126,138,149,161,172,183,193,203,214,223,234,237,247,255,266,277,288,296,305,314,327,336,347,358,368,377,386,396],{"id":62,"title":63,"slug":64,"excerpt":65,"thumbnail_image":66,"tags":68},"41","Log Aggregation Modern dengan Grafana Loki dan Vector: Hemat Storage Tanpa Indeks Raksasa","log-aggregation-modern-grafana-loki-vector-hemat-storage","Klaster Elasticsearch kalian rakus RAM dan boros storage, ya? Padahal nggak semua kata di log perlu diindeks, lho. Yuk, kita kenalan sama duet Grafana Loki dan Vector yang jauh lebih ramah kantong!",{"id":67},"03c9d1a0-c80a-401d-9f2b-2b3ee7abb115",[69,70,71,72,73,74,75,76],"backend","observa","logging","grafana","loki","vector","devops","system-design",{"id":78,"title":79,"slug":80,"excerpt":81,"thumbnail_image":82,"tags":84},"45","Rate Limiting Algorithms: Token Bucket vs Leaky Bucket vs Sliding Window","rate-limiting-algorithms-token-bucket-leaky-bucket-sliding-window","Udah tahu kenapa *rate limiting* itu wajib, tapi masih bingung beda Token Bucket, Leaky Bucket, Fixed Window, dan Sliding Window? Yuk, kita adu empat algoritma ini bareng-bareng dan cari tahu mana yang paling pas buat API kalian!",{"id":83},"0e0ed26d-20c6-443c-bde1-4a6200f6f801",[69,76,85,86,87,88,89],"rate-limiting","redis","api-gateway","architecture","traffict-management",{"id":91,"title":92,"slug":93,"excerpt":94,"thumbnail_image":95,"tags":97},"16","Menggunakan TypeScript dengan Node.js dan Express","menggunakan-typescript-dengan-node-js-dan-express","Pengen bikin server Express di Node.js tapi pakai fitur-fitur keren TypeScript? Yuk, intip cara setup lengkapnya dari nol di sini!",{"id":96},"798b60f1-9ef5-4f73-8d43-85825fd86acc",[98,99,100,101],"javascript","nodejs","express","typescript",{"id":103,"title":104,"slug":105,"excerpt":106,"thumbnail_image":107,"tags":109},"17","Pemrograman Asynchronous vs Multithreading, Apa Sih Bedanya?","pemrograman-asynchronous-dan-multithreading-apa-bedanya","Sering dengar istilah asynchronous dan multithreading pas ngoding tapi masih bingung bedanya? Yuk, kita bedah perbedaannya lewat analogi bikin mi instan yang gampang dipahami!",{"id":108},"9c05d0ae-e829-4f1b-b9f7-a84f3e0439d3",[110,111,112],"pemrograman","concurrency","tips-coding",{"id":114,"title":115,"slug":116,"excerpt":117,"thumbnail_image":118,"tags":120},"33","Berkenalan dengan RabbitMQ: Si Kurir Pesan Serba Bisa","berkenalan-dengan-rabbitmq-si-kurir-pesan-serba-bisa","Pernah nggak sih kalian klik Bayar Sekarang dan notifikasi suksesnya muncul seketika, padahal email konfirmasi baru nyampe beberapa detik kemudian? Rahasianya ada di satu kurir tak terlihat. Yuk, kita kenalan sama RabbitMQ!",{"id":119},"f6620f79-b3b2-4f9c-8104-283a335e06c4",[121,122,69,123,124,125],"rabbitmq","message-broker","microservices","async","queue",{"id":127,"title":128,"slug":129,"excerpt":130,"thumbnail_image":131,"tags":133},"34","Kenapa Backend Butuh Database Connection Pooling?","kenapa-backend-butuh-database-connection-pooling","Pernah kena error Too many connections padahal CPU server masih santai di angka 30%? Masalahnya bukan di query kalian, tapi di cara aplikasi ngobrol sama database. Yuk, kenalan sama Connection Pooling!",{"id":132},"6f7a2d8c-2a37-4901-a522-50df8d9c0a20",[69,134,135,136,76,137],"database","postgresql","connection-pooling","performance",{"id":139,"title":140,"slug":141,"excerpt":142,"thumbnail_image":143,"tags":145},"27","Background Worker & Task Queue: Jangan Jalankan Proses Berat di Request HTTP!","background-worker-task-queue-jangan-jalankan-proses-berat-di-http","Pernah nggak sih kalian klik Daftar Akun lalu halaman loading muter sampai 15 detik tanpa kepastian? Penyebabnya klasik banget. Yuk, kita bahas kenapa proses berat nggak boleh dijalanin di request HTTP!",{"id":144},"e119c6ad-fc37-4b92-abdc-3eb20f8e34b4",[69,146,147,148,121,86,124],"task-queue","celery","fastapi",{"id":150,"title":151,"slug":152,"excerpt":153,"thumbnail_image":154,"tags":156},"28","Mengatasi N+1 Query Problem: Musuh Tersembunyi Performa Backend","mengatasi-n-plus-1-query-problem-musuh-tersembunyi-backend","Pernah bikin endpoint yang cuma nampilin 50 postingan beserta nama penulisnya, tapi response-nya lambat banget? Bisa jadi kalian kena N+1 Query. Yuk, kita bedah penyebabnya dan cara memberantasnya!",{"id":155},"34b94e14-3e9a-4778-9f1f-6df5898915fb",[134,157,158,159,160,137,69],"sql","orm","sqlalchemy","django",{"id":162,"title":163,"slug":164,"excerpt":165,"thumbnail_image":166,"tags":168},"30","Berkenalan dengan Bahasa Go: Kenapa Banyak Dipakai untuk Backend Modern?","berkenalan-dengan-bahasa-go-untuk-backend-modern","Kok bisa sih Go yang masih muda ini jadi bahasa andalan Docker sampai Kubernetes? Yuk, kita kenalan sama Goroutine, Channel, dan alasan dia hemat memori luar biasa!",{"id":167},"a368631c-f331-4c50-8322-1d0fc44927aa",[169,170,69,111,171,76],"golang","go","goroutine",{"id":173,"title":174,"slug":175,"excerpt":176,"thumbnail_image":177,"tags":179},"13","Hal yang Perlu Diperhatikan Sebelum Pindah ke Linux","hal-yang-perlu-diperhatikan-sebelum-pindah-ke-linux","Tertarik migrasi dari Windows ke Linux tapi masih ragu? Yuk, pelajari kelebihan, kekurangan, dan persiapan penting sebelum kamu benar-benar pindah!",{"id":178},"ae27713e-5025-4d13-88b6-efb4860cc5b3",[180,181,182],"linux","windows","foss",{"id":184,"title":185,"slug":186,"excerpt":187,"thumbnail_image":188,"tags":190},"11","Apa Kabar JavaScript? Rilis State of JS 2022","apa-kabar-javascript-rilis-state-of-js-2022","Survei State of JS 2022 resmi dirilis dengan lonjakan responden yang luar biasa! Framework dan build tool apa saja yang berhasil mencuri perhatian tahun ini?",{"id":189},"18df5262-d813-43d1-b1f7-5595a7f53602",[98,191,192],"web","news",{"id":194,"title":195,"slug":196,"excerpt":197,"thumbnail_image":198,"tags":200},"12","Buat PowerShell Lebih Berwarna dengan Starship","buat-powershell-lebih-berwarna-dengan-starship","Bosen sama tampilan PowerShell yang hitam putih dan kaku? Yuk, sulap terminalmu jadi lebih interaktif, estetik, dan berwarna pakai Starship!",{"id":199},"c5a8262b-43db-4479-8f6c-5a6a0d61653b",[201,181,202],"shell","powershell",{"id":204,"title":205,"slug":206,"excerpt":207,"thumbnail_image":208,"tags":210},"14","Instalasi Java dengan Visual Studio Code","instalasi-java-dengan-visual-studio-code","Mau belajar ngoding Java tapi spek laptop pas-pasan buat buka IDE berat? Yuk, cari tahu cara setup VS Code biar ngoding Java tetap lancar dan enteng!",{"id":209},"99b01cc2-11ac-4449-9927-a1a7116347df",[211,212,213],"howto","java","editor",{"id":215,"title":216,"slug":217,"excerpt":218,"thumbnail_image":219,"tags":221},"15","Kenapa Ada Banyak Sekali Distro Linux?","kenapa-ada-banyak-sekali-distro-linux","Pernah bingung pas mau install Linux tapi malah disuguhi puluhan pilihan distro? Tenang, kalian nggak sendirian. Yuk, cari tahu kenapa distro Linux bisa sebanyak itu dan apa bedanya!",{"id":220},"b5352a4b-f274-4489-aca9-36814947d514",[180,222],"distro",{"id":224,"title":225,"slug":226,"excerpt":227,"thumbnail_image":228,"tags":230},"18","React, Angular, atau Vue: Pilih Framework yang Mana?","react-angular-vue-pilih-framework-yang-mana","Bingung menentukan pilihan di antara React, Angular, dan Vue untuk proyek web kalian berikutnya? Tenang, yuk kita bandingkan kelebihan masing-masing di sini!",{"id":229},"ff111270-80c2-4ccb-83d7-d5ab8c021201",[231,232,233],"web-development","frontend","framework",{"id":43,"title":44,"slug":45,"excerpt":46,"thumbnail_image":235,"tags":236},{"id":49},[51,52,53],{"id":238,"title":239,"slug":240,"excerpt":241,"thumbnail_image":242,"tags":244},"20","Tailwind v3.0 Rilis: Ada JIT, Arbitrary Values, dan Banyak Lagi!","tailwind-v3-0-rilis-jit-arbitrary-dan-banyak-lagi","Tailwind CSS v3.0 resmi dirilis dengan segudang peningkatan performa yang bikin proses coding makin asyik. Apa aja sih fitur andalan yang wajib dicoba?",{"id":243},"d5e879fa-5cd0-4015-a155-b0cc69ff12fb",[245,246,231],"tailwind-css","css-framework",{"id":248,"title":249,"slug":250,"excerpt":251,"thumbnail_image":252,"tags":254},"21","TypeScript: JavaScript dengan Gaya dan Tipe Data Statis","typescript-javascript-dengan-gaya","Pernah pusing gara-gara runtime error di JavaScript? Yuk, kenalan dengan TypeScript yang bawa fitur static typing biar kode kalian makin rapi dan aman!",{"id":253},"f615bb1f-8e36-4d6c-9c2c-f1629407173c",[101,98,231],{"id":256,"title":257,"slug":258,"excerpt":259,"thumbnail_image":260,"tags":262},"22","Yang Baru di Nuxt 3: Nitro Engine, Vite, dan Fitur Keren Lainnya","yang-baru-di-nuxt-3-nitro-vite-dan-banyak-lagi","Nuxt 3 hadir membawa perubahan arsitektur besar-besaran untuk menyelaraskan dengan Vue 3. Penasaran apa saja peningkatan performa dan fitur barunya?",{"id":261},"8444bdbc-f60c-4d8b-8593-1b49400e8659",[263,264,265],"nuxt-3","vue-3","frontend-framework",{"id":267,"title":268,"slug":269,"excerpt":270,"thumbnail_image":271,"tags":273},"23","Kenapa Pakai FastAPI dan Kenapa Dia Kenceng Banget?","kenapa-pakai-fastapi-dan-kenapa-dia-kenceng-banget","Sering dengar FastAPI tapi masih bingung kenapa dia bisa ngebut kayak NodeJS dan Go? Yuk, kita bedah bareng rahasia ASGI, sihir Pydantic, sampai dokumentasi otomatisnya!",{"id":272},"84847c9e-70ab-4dcc-bed7-7be50165f7f4",[148,274,69,275,276],"python","asgi","pydantic",{"id":278,"title":279,"slug":280,"excerpt":281,"thumbnail_image":282,"tags":284},"26","REST API vs gRPC: Kapan Sebaiknya Mulai Pindah dari JSON?","rest-api-vs-grpc-kapan-sebaiknya-pindah-dari-json","Pernah nggak sih sistem mikroservis kalian mulai kerasa berat padahal cuma tuker-tukeran data internal? Belum tentu masalah servernya. Yuk, kita bahas kapan REST + JSON masih juara dan kapan gRPC jadi jawabannya!",{"id":283},"487500a0-9e09-469d-8736-1583c5ea83aa",[69,285,286,123,287,76],"grpc","rest-api","protobuf",{"id":289,"title":290,"slug":291,"excerpt":292,"thumbnail_image":293,"tags":295},"38","Optimistic vs Pessimistic Locking: Mengatasi Rebutan Data di Database","optimistic-vs-pessimistic-locking-mengatasi-rebutan-data-di-database","Seribu orang ngeklik \"Beli Sekarang\" di detik yang sama buat rebutan 1 tiket terakhir. Kira-kira apa yang bakal terjadi di server kalian? Yuk, kita banding *pessimistic* sama *optimistic locking*!",{"id":294},"21ab769d-6f82-4a22-be11-17ac16e9fb6b",[69,134,111,135,76,88,157],{"id":297,"title":298,"slug":299,"excerpt":300,"thumbnail_image":301,"tags":303},"24","Kenapa Butuh Rate Limiting?","kenapa-butuh-rate-limiting","Pernah nggak sih endpoint login kalian diserbu bot yang nyoba nembak ribuan password cuma dalam semenit? Yuk, kita bahas kenapa Rate Limiting itu wajib, plus cara masangnya di FastAPI!",{"id":302},"1401f9e5-6359-404a-8d80-273ddee9a372",[69,85,76,304,86,148],"api",{"id":306,"title":307,"slug":308,"excerpt":309,"thumbnail_image":310,"tags":312},"25","Kenapa Event Queue Bikin Backend Kalian Nggak Gampang Tumbang?","kenapa-event-queue-bikin-backend-kamu-nggak-gampang-tumbang","Pernah klik tombol Beli Sekarang dan notifikasi suksesnya muncul dalam sekejap, padahal di belakang layar ada invoice, email, sampai push notification yang harus dibuat? Rahasianya Event Queue. Yuk, kita bedah!",{"id":311},"d9e76018-fbcc-4c69-ad42-8f75ff229ecd",[69,76,313,122,88],"event-queue",{"id":315,"title":316,"slug":317,"excerpt":318,"thumbnail_image":319,"tags":321},"46","Mengapa C Mulai Ditinggalkan: Duel Filosofi Keamanan Rust vs Kesederhanaan Zig","mengapa-c-mulai-ditinggalkan-duel-filosofi-rust-vs-zig","Pernah denger kalau sekitar 70% celah keamanan kritis software modern itu asalnya dari bahasa C? Iya, bahasa yang udah jadi fondasi internet ini 😅. Yuk, kita bedah duel filosofi Rust vs Zig dan cari tahu mana yang pas buat proyek kalian!",{"id":320},"1942a5c9-c1f6-476d-9913-768f78d9d8eb",[322,323,324,325,326],"system-programming","rust","zig","c","memory-safety",{"id":328,"title":329,"slug":330,"excerpt":331,"thumbnail_image":332,"tags":334},"29","Memahami Database Indexing: Rahasia Query Super Cepat","memahami-database-indexing-rahasia-query-super-cepat","Query kalian mulai lelet padahal data baru nembus jutaan baris? Sebelum buru-buru *upgrade* server, yuk cek dulu *index*-nya. Yuk, kita bedah gimana *database indexing* sebenernya kerja!",{"id":333},"b123036f-1779-478c-a545-cf5f189b5fe9",[134,157,135,335,137,69],"indexing",{"id":337,"title":338,"slug":339,"excerpt":340,"thumbnail_image":341,"tags":343},"31","Mengenal Redis: Lebih dari Sekadar In-Memory Cache","mengenal-redis-lebih-dari-sekadar-in-memory-cache","Masih nganggep Redis cuma buat caching? Padahal dia bisa jadi leaderboard, message broker, sampai rate limiter lho. Yuk, kita bedah semua kemampuannya!",{"id":342},"9595b7d7-60e0-48f5-a715-f3cf60f34e1d",[86,69,344,345,346,274],"cache","nosql","in-memory",{"id":348,"title":349,"slug":350,"excerpt":351,"thumbnail_image":352,"tags":354},"32","Docker Compose untuk Developer Santai: Satu Perintah Buat Jalankan Semua Service","docker-compose-untuk-developer-santai","Pernah nggak kalian ngulang-ngulang perintah `docker run` cuma buat nyalain web, database, dan cache satu-satu? Capek, kan? Yuk, kita rapikan semuanya jadi satu file dan satu perintah!",{"id":353},"f4c08f1b-e0d0-410c-b091-c3618944fb3e",[355,356,75,357,69],"docker","docker-compose","containers",{"id":359,"title":360,"slug":361,"excerpt":362,"thumbnail_image":363,"tags":365},"35","Mengenal Idempotency Key: Rahasia Anti-Double Charge di API Pembayaran","mengenal-idempotency-key-rahasia-anti-double-charge-di-api-pembayaran","Pernah internet kalian ngadat pas lagi nekan tombol Bayar, terus panik ngekliknya tiga kali? Kalau endpoint-nya nggak idempotent, saldo bisa kepotong berkali-kali. Yuk, kenalan sama Idempotency Key!",{"id":364},"724cb83a-3ce5-4ee2-b0d7-533e3a0fc7df",[69,304,366,76,367,148,86],"idempotency","payment",{"id":369,"title":370,"slug":371,"excerpt":372,"thumbnail_image":373,"tags":375},"36","Mencegah Efek Domino di Mikroservis dengan Circuit Breaker Pattern","mencegah-efek-domino-di-mikroservis-dengan-circuit-breaker-pattern","Pernah nggak sih, satu fitur minor di aplikasi kalian mendadak lelet, eh malah bikin halaman checkout dan login ikut down total? Itu namanya *cascading failure*. Yuk, kita bahas gimana *circuit breaker pattern* (pemutus arus) nyelametin arsitektur kalian!",{"id":374},"c2e8e37f-8f9a-423f-a09d-74613b3c2924",[69,123,376,76,88],"circuit-breaker",{"id":378,"title":379,"slug":380,"excerpt":381,"thumbnail_image":382,"tags":384},"37","Kenapa Backend Butuh Graceful Shutdown? Jangan Asal Cabut Kabel Server!","kenapa-backend-butuh-graceful-shutdown-jangan-asal-cabut-kabel-server","Pernah nggak sih, abis kalian nge-*deploy* backend, beberapa detik kemudian monitoring malah banjir *alert* **502 Bad Gateway** dari pengguna? Saldo udah kepotong tapi status order belum keburu ter-*update* di *database*. Yuk, kita bahas kenapa *graceful shutdown* itu wajib banget!",{"id":383},"251a54a7-1d24-47fd-8cbc-a46fd42cbb6f",[69,75,148,355,385,76,88],"kubernetes",{"id":387,"title":388,"slug":389,"excerpt":390,"thumbnail_image":391,"tags":393},"39","Database Sharding vs Partitioning: Kapan Data Perlu Dipecah?","database-sharding-vs-partitioning-kapan-data-perlu-dipecah","Tabel transaksi kalian udah nembus miliaran baris dan tiap *query* laporan bikin *CPU* melonjak 100%? Sebelum asal pecah data, yuk kita pahami dulu beda *sharding* sama *partitioning*!",{"id":392},"08ef5fe5-d935-47b3-bbbc-d976948b2a9e",[69,134,135,76,88,394,395],"sharding","scaling",{"id":397,"title":398,"slug":399,"excerpt":400,"thumbnail_image":401,"tags":403},"40","Menyelami Distributed Tracing: Melacak Jejak Request di Balik Keruwetan Microservices","menyelami-distributed-tracing-melacak-jejak-request-microservices","Satu klik Checkout di backend kalian bisa memicu puluhan network call antar-service, tapi pas ada yang lambat, service mana sebenernya yang salah? Log aja nggak cukup buat njawab itu. Yuk, kita bedah Distributed Tracing!",{"id":402},"1ace92fa-b89c-4cef-ab75-4e4cd67a089c",[69,404,405,406,123,88,407],"distributed-systems","observability","open-telemetry","tracing","\u003Cp>Kalau ngomongin pemrograman, kita pasti \u003Cem>nggak\u003C/em> bisa lepas dari yang namanya variabel. Nah, dalam cara penulisannya, ada dua kubu yang paling populer: \u003Cem>static typing\u003C/em> (\u003Cem>statically typed\u003C/em>) dan \u003Cem>dynamic typing\u003C/em> (\u003Cem>dynamically typed\u003C/em>). Kira-kira apa sih bedanya dan mana yang lebih cocok buat kebutuhan kalian? Yuk, kita bedah bareng-bareng! 😎\u003C/p>\n\u003Ch2 id=\"static-typing\">Static Typing\u003C/h2>\n\u003Cp>\u003Cem>Static typing\u003C/em> atau gaya penulisan statis ini merujuk pada bahasa pemrograman yang tipe datanya \u003Cem>nggak\u003C/em> bisa diubah-ubah setelah ditentukan. Hal ini terjadi karena semua variabel wajib diketahui tipenya waktu proses kompilasi (\u003Cem>compile time\u003C/em>). Jadi, sebelum program kalian berjalan, kompiler bakal memeriksa semua tipe data buat memastikan \u003Cem>nggak\u003C/em> ada yang salah alamat.\u003C/p>\n\u003Cp>Beberapa contoh bahasa pemrograman yang pakai gaya \u003Cem>static typing\u003C/em> ini adalah C++, Go, Pascal, dan Java. Mari kita lihat apa saja karakteristik, kelebihan, serta kekurangannya!\u003C/p>\n\u003Ch3 id=\"karakteristik\">Karakteristik\u003C/h3>\n\u003Cp>Gaya \u003Cem>static typing\u003C/em> ini biasanya melekat erat pada bahasa pemrograman yang dikompilasi (\u003Cem>compiled languages\u003C/em>). Sebagai developer, kalian biasanya diwajibkan buat mendeklarasikan tipe data secara eksplisit pas bikin variabel. Sekali tipe datanya ditentukan, dia bakal bersifat permanen dan \u003Cem>nggak\u003C/em> bisa diubah-ubah lagi di tengah jalan.\u003C/p>\n\u003Cp>Contohnya dalam bahasa Java:\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">JAVA\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"int%20angka%20%3D%2090%3B%20%20%20%20%20%20%20%2F%2F%20variabel%20bertipe%20int%0AString%20nama%20%3D%20%22inva%22%3B%20%2F%2F%20variabel%20bertipe%20String\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>int angka = 90;       // variabel bertipe int\nString nama = \"inva\"; // variabel bertipe String\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Di kode Java atas, baik variabel \u003Ccode>angka\u003C/code> maupun \u003Ccode>nama\u003C/code> selamanya bakal memegang tipe data itu. Kalau kalian iseng mau masukin tipe data lain yang \u003Cem>nggak\u003C/em> cocok, kompiler pasti langsung teriak error tipe data (\u003Cem>type error\u003C/em>). Contohnya kayak gini:\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">JAVA\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"int%20angka%20%3D%20%22satu%22%3B%20%2F%2F%20error%20tipe%20data%0AString%20nama%20%3D%2012%3B%20%20%20%2F%2F%20error%20tipe%20data\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>int angka = \"satu\"; // error tipe data\nString nama = 12;   // error tipe data\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Walaupun tipe datanya \u003Cem>nggak\u003C/em> bisa diubah langsung, kebanyakan bahasa pemrograman tetap menyediakan fitur buat mengonversi data yang ada ke tipe data lain tanpa mengubah tipe variabel aslinya. Biasanya kita bisa pakai teknik \u003Cem>type casting\u003C/em> atau \u003Cem>parsing\u003C/em>.\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">JAVA\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"double%20pecahan%20%3D%203.14d%3B%0Aint%20bulat%20%3D%20(int)%20pecahan%3B%20%2F%2F%20typecasting%20double%20ke%20int%0A%0AString%20stringAngka%20%3D%20%2212%22%3B%0Aint%20angka%20%3D%20Integer.parseInt(stringAngka)%3B%20%2F%2F%20parsing%20string%20ke%20int\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>double pecahan = 3.14d;\nint bulat = (int) pecahan; // typecasting double ke int\n\nString stringAngka = \"12\";\nint angka = Integer.parseInt(stringAngka); // parsing string ke int\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Tapi tenang aja, ada juga kok bahasa \u003Cem>statically typed\u003C/em> yang pintar dan \u003Cem>nggak\u003C/em> mengharuskan kita buat menulis tipe data secara manual di setiap baris. Bahasa-bahasa ini bisa mendeteksi tipe data secara implisit lewat nilai yang kita masukkan. Contoh terkenalnya yaitu Go. Coba perhatikan sintaks ini:\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">GO\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"var%20a%20int%20%3D%2012%20%2F%2F%20tipe%20data%20int%20dideklarasikan%20secara%20eksplisit%0Avar%20b%20%3D%2012%20%20%20%20%20%2F%2F%20tipe%20data%20int%20dideteksi%20secara%20implisit%20dari%20nilainya%0Ac%20%3A%3D%2012%20%20%20%20%20%20%20%20%2F%2F%20versi%20singkatnya\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">var\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> a \u003C/span>\u003Cspan style=\"color:#F97583\">int\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 12\u003C/span>\u003Cspan style=\"color:#6A737D\"> // tipe data int dideklarasikan secara eksplisit\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">var\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> b \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 12\u003C/span>\u003Cspan style=\"color:#6A737D\">     // tipe data int dideteksi secara implisit dari nilainya\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">c \u003C/span>\u003Cspan style=\"color:#F97583\">:=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 12\u003C/span>\u003Cspan style=\"color:#6A737D\">        // versi singkatnya\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Ch3 id=\"kelebihan\">Kelebihan\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Meminimalisir \u003Cem>bug\u003C/em>\u003C/strong> — Pengecekan tipe data oleh kompiler dari awal bisa menyelamatkan kita dari \u003Cem>bug\u003C/em> sepele terkait salah tipe data. Kalau ada tipe yang \u003Cem>nggak\u003C/em> cocok, kompiler bakal langsung ngasih tahu sebelum program dijalankan.\u003C/li>\n\u003Cli>\u003Cem>\u003Cstrong>Self-documented code\u003C/strong>\u003C/em> — Kehadiran tipe data di setiap variabel bikin kode kita lebih mudah dipahami secara visual. Kita jadi tahu pasti variabel itu buat apa, sehingga proses pengembangan (\u003Cem>scaling\u003C/em>) program juga jadi lebih lancar.\u003C/li>\n\u003Cli>\u003Cstrong>Meningkatkan \u003Cem>Developer Experience\u003C/em> (DX)\u003C/strong> — Fitur IDE keren seperti \u003Cem>code completion\u003C/em> dan \u003Cem>auto-suggestion\u003C/em> bisa berjalan maksimal. Ini karena IDE sudah tahu tipe data dari objek yang sedang kita ketik.\u003C/li>\n\u003Cli>\u003Cstrong>Performa lebih cepat\u003C/strong> — Karena pengecekan tipe data sudah beres pas tahap kompilasi, komputer \u003Cem>nggak\u003C/em> perlu lagi mikirin tipe data pas programnya jalan (\u003Cem>runtime\u003C/em>). Hasilnya, performa aplikasi jadi jauh lebih kencang.\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"kekurangan\">Kekurangan\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Penulisan kode terasa lambat\u003C/strong> — Kita harus meluangkan waktu ekstra buat merencanakan, menulis, dan merapikan tipe data. Buat kalian yang suka serba cepat, proses ini mungkin terasa agak menghambat produktivitas.\u003C/li>\n\u003Cli>\u003Cstrong>Kurang fleksibel dalam manipulasi data\u003C/strong> — Karena variabel \u003Cem>nggak\u003C/em> bisa sembarangan diisi tipe data yang berbeda, kita kadang butuh langkah ekstra (seperti konversi manual) buat mengolah data tersebut.\u003C/li>\n\u003C/ul>\n\u003Ch2 id=\"dynamic-typing\">Dynamic Typing\u003C/h2>\n\u003Cp>Nah, kalau \u003Cem>static typing\u003C/em> sering kita temui di bahasa yang dikompilasi, \u003Cem>dynamic typing\u003C/em> biasanya jadi andalan bahasa pemrograman yang diinterpretasikan (\u003Cem>interpreted languages\u003C/em>). Gaya penulisan dinamis ini membebaskan kita buat bikin variabel sesuka hati tanpa perlu pusing mikirin deklarasi tipe datanya terlebih dahulu.\u003C/p>\n\u003Cp>Bahasa pemrograman yang menggunakan gaya \u003Cem>dynamic typing\u003C/em> antara lain Python, JavaScript, Ruby, PHP, dan Perl. Mari kita lihat karakteristik serta plus minusnya! 🚀\u003C/p>\n\u003Ch3 id=\"karakteristik\">Karakteristik\u003C/h3>\n\u003Cp>Kebalikan dari \u003Cem>static typing\u003C/em>, saat memakai gaya penulisan dinamis kita bebas membuat variabel tanpa perlu menuliskan tipe datanya secara manual. Interpreter dari bahasa tersebut yang bakal mendeteksi dan menentukan tipenya secara otomatis pas program berjalan (\u003Cem>runtime\u003C/em>).\u003C/p>\n\u003Cp>Contoh gampangnya di bahasa Python:\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"angka%20%3D%2090%20%20%20%20%23%20variabel%20otomatis%20bertipe%20int%0Anama%20%3D%20%22inva%22%20%23%20variabel%20otomatis%20bertipe%20string\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">angka \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 90\u003C/span>\u003Cspan style=\"color:#6A737D\">    # variabel otomatis bertipe int\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">nama \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"inva\"\u003C/span>\u003Cspan style=\"color:#6A737D\"> # variabel otomatis bertipe string\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Hebatnya lagi, isi dari variabel tersebut bisa berubah-ubah tipe datanya kapan saja sesuai kebutuhan kita. Interpreter bakal langsung memperbarui tipenya saat kita memberikan nilai (\u003Cem>assignment\u003C/em>) baru.\u003C/p>\n\u003Cp>Oya, dalam dunia \u003Cem>dynamic typing\u003C/em>, ada dua cara implementasi terkait cara bahasa tersebut mengolah data: \u003Cem>strongly typed\u003C/em> dan \u003Cem>weakly typed\u003C/em>.\u003C/p>\n\u003Cp>Bahasa pemrograman dengan kategori \u003Cem>strongly typed\u003C/em> \u003Cem>nggak\u003C/em> bakal mengizinkan kita melakukan operasi antara dua tipe data yang berbeda tanpa konversi manual. Kalau kalian coba-coba melakukannya, program bakal langsung melempar error. Contoh bahasa tipe ini adalah Python dan Ruby:\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"a%20%3D%201%20%2B%20%22satu%22%20%20%20%20%20%20%23%20Bakal%20muncul%20error%20di%20sini!%0Ab%20%3D%20str(1)%20%2B%20%22satu%22%20%23%20Harus%20dikonversi%20secara%20manual%20dulu%20biar%20jalan\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">a \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 1\u003C/span>\u003Cspan style=\"color:#F97583\"> +\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"satu\"\u003C/span>\u003Cspan style=\"color:#6A737D\">      # Bakal muncul error di sini!\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">b \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> str\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">1\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">+\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"satu\"\u003C/span>\u003Cspan style=\"color:#6A737D\"> # Harus dikonversi secara manual dulu biar jalan\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Sedangkan untuk \u003Cem>weakly typed languages\u003C/em>, interpreter-nya lebih cuek dan membolehkan kita mengoperasikan dua tipe data berbeda secara langsung. Sistem bakal otomatis mengonversi tipe datanya di balik layar. Contohnya adalah JavaScript dan PHP:\u003C/p>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">JAVASCRIPT\u003C/span>\n    \u003C/div>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"let%20a%20%3D%201%20%2B%20%22satu%22%3B%20%2F%2F%20Hasilnya%20malah%20'1satu'%0Alet%20b%20%3D%20true%20%26%26%20%5B%5D%3B%20%2F%2F%20Hasilnya%20%5B%5D%0Alet%20c%20%3D%20!!%5B%5D%3B%20%20%20%20%20%20%20%2F%2F%20Hasilnya%20true%20(mulai%20bikin%20pusing%20kan%3F%20hehe)\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">let\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> a \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 1\u003C/span>\u003Cspan style=\"color:#F97583\"> +\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"satu\"\u003C/span>\u003Cspan style=\"color:#E1E4E8\">; \u003C/span>\u003Cspan style=\"color:#6A737D\">// Hasilnya malah '1satu'\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">let\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> b \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#79B8FF\"> true\u003C/span>\u003Cspan style=\"color:#F97583\"> &&\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> []; \u003C/span>\u003Cspan style=\"color:#6A737D\">// Hasilnya []\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">let\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> c \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#F97583\"> !!\u003C/span>\u003Cspan style=\"color:#E1E4E8\">[];       \u003C/span>\u003Cspan style=\"color:#6A737D\">// Hasilnya true (mulai bikin pusing kan? hehe)\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Ch3 id=\"kelebihan\">Kelebihan\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Penulisan kode jauh lebih cepat\u003C/strong> — Karena \u003Cem>nggak\u003C/em> usah ribet menulis tipe data buat setiap variabel, kita bisa fokus penuh ke logika program. Hal ini bikin proses penulisan kode terasa lebih ringkas dan gesit.\u003C/li>\n\u003Cli>\u003Cstrong>Alur logika lebih fleksibel\u003C/strong> — Variabel yang bisa berubah tipe membuat kita bisa memakai variabel yang sama untuk menyimpan data yang berbeda formatnya. Tapi ingat ya, sebaiknya hindari trik ini kalau \u003Cem>nggak\u003C/em> mau kode kalian jadi membingungkan!\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"kekurangan\">Kekurangan\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Rentan terkena \u003Cem>runtime error\u003C/em>\u003C/strong> — Karena \u003Cem>nggak\u003C/em> ada proses kompilasi awal buat menyaring tipe data yang salah, potensi munculnya \u003Cem>type error\u003C/em> pas program dijalankan di server atau di HP \u003Cem>user\u003C/em> jadi lebih besar.\u003C/li>\n\u003Cli>\u003Cstrong>Kode susah dibaca pas \u003Cem>project\u003C/em> membesar\u003C/strong> — Absennya informasi tipe data yang jelas sering kali bikin kita bingung sendiri saat membaca kode lama. Kita terpaksa harus sangat teliti dalam menamai variabel atau rajin-rajin nulis dokumentasi biar \u003Cem>nggak\u003C/em> pusing.\u003C/li>\n\u003Cli>\u003Cstrong>Kecepatan eksekusi relatif lambat\u003C/strong> — Komputer harus sibuk mendeteksi dan mencocokkan tipe data secara berkala pas program berjalan. Itulah kenapa bahasa dinamis biasanya \u003Cem>nggak\u003C/em> secepat bahasa statis.\u003C/li>\n\u003C/ul>\n\u003Ch2 id=\"singkatnya\">Singkatnya...\u003C/h2>\n\u003Cp>Jadi, intinya perbedaan kedua kubu ini ada pada waktu pengecekan tipe datanya:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>\u003Cem>Static typing\u003C/em> (Statis):\u003C/strong> Kita wajib mendaftarkan tipe data pas bikin variabel, dan pengecekannya dilakukan sebelum program dijalankan (\u003Cem>compile time\u003C/em>).\u003C/li>\n\u003Cli>\u003Cstrong>\u003Cem>Dynamic typing\u003C/em> (Dinamis):\u003C/strong> Kita bebas menulis kode tanpa ribet mendeklarasikan tipe data, dan pengecekannya baru berjalan pas program dieksekusi (\u003Cem>runtime\u003C/em>).\u003C/li>\n\u003C/ol>\n\u003Cp>Nah, kalau kalian sendiri lebih suka pakai bahasa pemrograman yang \u003Cem>static\u003C/em> atau \u003Cem>dynamic\u003C/em> nih? Apa alasannya? Coba bagiin cerita kalian di kolom komentar ya!\u003C/p>\n\u003Cp>Selamat berkoding ria 👋\u003C/p>\n","\u003Cul>\n\u003Cli>Static typing mengecek tipe data pada saat compile time, sehingga lebih aman dari bug tipe data.\u003C/li>\n\u003Cli>Dynamic typing mengecek tipe data pada saat runtime, membuat proses coding jadi lebih fleksibel dan cepat.\u003C/li>\n\u003Cli>Pilihan tipe penulisan ini bergantung pada skala project, kebutuhan performa, dan preferensi developer.\u003C/li>\n\u003C/ul>\n",[411,414,417,425],{"id":315,"title":316,"slug":317,"excerpt":318,"thumbnail_image":412,"tags":413},{"id":320},[322,323,324,325,326],{"id":78,"title":79,"slug":80,"excerpt":81,"thumbnail_image":415,"tags":416},{"id":83},[69,76,85,86,87,88,89],{"id":418,"title":419,"slug":420,"excerpt":421,"thumbnail_image":422,"tags":424},"44","Transactional Outbox Pattern: Solusi Konsistensi Database dan Message Broker Tanpa 2PC","transactional-outbox-pattern-konsistensi-database-message-broker","Pernah nggak kalian lihat pesanan udah masuk database, tapi email konfirmasinya nggak pernah kekirim? Itu gejala *dual-write problem*. Yuk, kita bedah Transactional Outbox Pattern biar data dan *event* kalian nggak lagi berselisih paham!",{"id":423},"e3c617fd-1486-4b82-b937-94fbec846c77",[69,123,88,134,122,76,135],{"id":426,"title":427,"slug":428,"excerpt":429,"thumbnail_image":430,"tags":432},"43","Dead Letter Queue (DLQ) & Retry Policy: Menyelamatkan Pesan Nyasar di RabbitMQ Tanpa Bikin Worker Macet","dead-letter-queue-retry-policy-rabbitmq-resilient-messaging","Pernah nggak sih, *worker* kalian nolak satu pesan terus-terusan sampai CPU melonjak 100%? Itu namanya *poison message loop*, jebakan klasik di RabbitMQ. Yuk, kita bahas cara pasang *retry policy* dan *dead letter queue* yang bener!",{"id":431},"6c0a7ead-4841-4073-b29e-df7ae0f2aa3c",[121,122,69,88,123,124,274],[434,438,442,445,448,451,452,453,454],{"text":435,"depth":436,"id":437},"Static Typing",2,"static-typing",{"text":439,"depth":440,"id":441},"Karakteristik",3,"karakteristik",{"text":443,"depth":440,"id":444},"Kelebihan","kelebihan",{"text":446,"depth":440,"id":447},"Kekurangan","kekurangan",{"text":449,"depth":436,"id":450},"Dynamic Typing","dynamic-typing",{"text":439,"depth":440,"id":441},{"text":443,"depth":440,"id":444},{"text":446,"depth":440,"id":447},{"text":455,"depth":436,"id":456},"Singkatnya...","singkatnya",1791045072694]