[{"data":1,"prerenderedAt":457},["ShallowReactive",2],{"site-header":3,"site-footer-license":37,"article-instalasi-java-dengan-visual-studio-code-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},"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!","2026-06-15T02:37:24.974Z",{"id":49},"99b01cc2-11ac-4449-9927-a1a7116347df",[51,52,53],"howto","java","editor",null,"- Visual Studio Code (VS Code) adalah alternatif editor kode yang jauh lebih ringan dibandingkan IDE Java tradisional seperti NetBeans atau Eclipse.\n- JDK (Java Development Kit) merupakan komponen wajib untuk mengompilasi dan menjalankan program Java di komputer kita.\n- Microsoft menyediakan distribusi OpenJDK versi installer (.msi) yang sangat praktis dipasang di sistem Windows.\n- Dengan memasang 'Extension Pack for Java' di VS Code, kita bisa mendapatkan fitur pelengkapan otomatis dan eksekusi kode satu-klik.","Salah satu hambatan paling umum pas kita baru mulai belajar bahasa pemrograman baru adalah memilih *IDE* atau *code editor* yang tepat.\n\nTerlebih lagi pas kita berurusan dengan [bahasa Java](https://www.invasikode.com/artikel/seri/belajar-java). Kita biasanya dihadapkan sama banyak banget pilihan *IDE* (*Integrated Development Environment*) legendaris kayak NetBeans, IntelliJ IDEA, Eclipse, dan kawan-kawannya.\n\nTapi masalahnya, dalam banyak kasus, penggunaan *IDE* raksasa ini sering kali bikin laptop kita ngos-ngosan—ehem, apalagi kalau spesifikasinya pas-pasan alias spek kentang. 😂 Hal ini disebabkan karena banyaknya proses berat yang berjalan di latar belakang, padahal proses itu belum tentu kita butuhin pas nulis kode sederhana.\n\nAlternatif yang bisa kalian ambil adalah beralih menggunakan *code editor*. Jika dibandingkan dengan *IDE*, *code editor* itu cenderung jauh lebih ramah terhadap kapasitas RAM dan CPU laptop kalian. Soalnya, tugas utamanya emang difokuskan buat mengedit kode saja tanpa bawaan fitur bawaan yang berlebihan.\n\nDari sekian banyak pilihan di luar sana, salah satu yang paling populer dan dicintai adalah VS Code. Nggak cuma buat Java aja, *editor* serbaguna ini bisa dipakai buat bahasa pemrograman apa pun, asalkan kalian tahu cara mengonfigurasinya dengan benar.\n\nNah, pada kesempatan kali ini, kita bakal membahas gimana cara melakukan instalasi dan konfigurasi VS Code biar bisa kita pakai buat ngoding Java dengan lancar dan ceria.\n\n## Sekilas Pandang\n\nSebelum mulai masuk ke tahap instalasi, pastikan laptop atau PC kalian udah terhubung ke internet ya. Soalnya, kita bakal mengunduh beberapa *software* penting di bawah ini:\n\n* **Java Development Kit (JDK)** — Mesin utama buat menjalankan Java.\n* **Visual Studio Code** — Editor kode andalan kita.\n* **Ekstensi Java untuk VS Code** — Paket pendukung biar VS Code makin pintar membaca kode Java.\n\nKalau semuanya udah berhasil terpasang dengan benar, lingkungan kerja kalian bakal lengkap dengan panel penjelajah berkas, editor kode, dan konsol eksekusi yang rapi.\n\n> 📷 *Ilustrasi: tampilan antarmuka VS Code yang membuka proyek Java lengkap dengan kode sumber dan terminal hasil eksekusi program.*\n\nYuk, kita mulai langkah pertamanya dengan memasang JDK terlebih dahulu!\n\n## 1. Instalasi Java Development Kit (JDK)\n\n*JDK* adalah *software* utama yang wajib ada buat membuat dan menjalankan aplikasi Java. Di dalam paket *JDK* ini udah mencakup *API*, *loader*, *compiler*, *runtime environment* (JRE), dan banyak komponen penting lainnya.\n\nBuat proses instalasi *JDK* ini, silakan kalian sesuaikan langkahnya dengan sistem operasi yang sedang digunakan saat ini.\n\n### Instalasi JDK di Windows\n\nUntuk pengguna Windows, kita bisa memakai distribusi *JDK* resmi yang disediakan langsung oleh Microsoft.\n\nProses instalasinya gampang banget kok. Cukup unduh berkas pemasang (*installer*) lalu pasang sesuai petunjuk seperti aplikasi Windows pada umumnya.\n\nKalian bisa mengakses halaman unduhannya di situs resmi [Microsoft OpenJDK](https://docs.microsoft.com/en-us/java/openjdk/download). Pastikan buat mengunduh versi terbaru dengan format installer `.msi`. Jangan lupa sesuaikan juga dengan arsitektur sistem komputer kalian (biasanya tipe 64-bit).\n\n> **Catatan:** Pas artikel ini ditulis, versi stabil yang direkomendasikan adalah versi `17.0.4.1` (*LTS*).\n\nKalau berkasnya udah selesai diunduh, langsung buka aja file `.msi` tersebut dan ikuti langkah instalasinya. Di sini kita pakai konfigurasi standar (*default*) aja, jadi tinggal klik tombol **Next**, **Next**, sampai **Finish**.\n\nSetelah proses pemasangan selesai, mari kita pastikan kalau *JDK* udah terdaftar dengan benar di sistem. Buka aplikasi terminal kalian (boleh pakai CMD atau PowerShell), lalu ketikkan perintah di bawah ini dan tekan enter:\n\n```shell\njava --version\n```\n\nKalau perintah tersebut menampilkan *output* keterangan versi OpenJDK seperti di bawah ini, artinya *setup JDK* kalian udah sukses terinstal:\n\n```\nopenjdk 17.0.4.1 2022-08-12 LTS\nOpenJDK Runtime Environment Microsoft-40354 (build 17.0.4.1+1-LTS)\nOpenJDK 64-Bit Server VM Microsoft-40354 (build 17.0.4.1+1-LTS, mixed mode, sharing)\n```\n\nTapi kalau perintahnya nggak dikenal, coba matikan dan nyalakan ulang (*restart*) komputer kalian dulu, lalu jalankan kembali perintah pengecekan tadi.\n\nJika aman, yuk kita beranjak ke langkah berikutnya yaitu [Instalasi VS Code](#2-instalasi-visual-studio-code).\n\n### Instalasi JDK di Linux\n\nBagi pengguna Linux, beberapa distribusi (*distro*) biasanya sudah menyertakan *JDK* secara bawaan. Kalian bisa memastikannya dengan mengetikkan perintah ini di terminal:\n\n```shell\njava --version\n```\n\nKalau informasinya muncul, berarti kalian tinggal melompat langsung ke langkah [pemasangan VS Code](#2-instalasi-visual-studio-code).\n\nNamun kalau hasilnya menunjukkan perintah nggak ditemukan, berarti kita kudu memasangnya secara manual terlebih dulu.\n\nUntungnya, hampir seluruh *distro* Linux populer udah menyediakan paket OpenJDK di dalam repositori resmi mereka. Jadi, kalian tinggal menjalankan perintah instalasi di terminal sesuai dengan keluarga *distro* yang dipakai.\n\nBuat keluarga Debian, Ubuntu, Mint, dan turunannya:\n\n```shell\nsudo apt update\nsudo apt install default-jdk\n```\n\nBuat pengguna Fedora:\n\n```shell\nsudo dnf install java-11-openjdk\n```\n\nBuat pengguna Arch Linux dan turunannya (`pacman`):\n\n```shell\nsudo pacman -S jdk-openjdk\n```\n\nSedangkan buat *distro* Linux lainnya, tinggal sesuaikan saja perintahnya dengan pengelola paket (*package manager*) masing-masing ya.\n\n## 2. Instalasi Visual Studio Code\n\nUntuk memasang VS Code, silakan unduh berkas pemasangnya lewat situs resmi [unduhan VS Code](https://code.visualstudio.com/download). Langkah instalasinya baik di Windows maupun Linux tergolong mirip dan sangat mudah diikuti. Cukup pastikan saja format berkas yang kalian unduh sesuai dengan sistem operasi kalian (misalnya `.exe` buat Windows atau `.deb`/`.rpm` buat Linux).\n\nSetelah instalasi beres, jalankan aplikasinya hingga memunculkan tab selamat datang (*Welcome page*). Layar awal ini menyediakan pintasan cepat buat membuka folder kerja, berkas terbaru, dan menu konfigurasi dasar.\n\n> 📷 *Ilustrasi: jendela awal Visual Studio Code yang menampilkan tab selamat datang dan bilah aktivitas di sisi samping.*\n\nSip, tersisa satu langkah krusial lagi nih! 👏\n\n## 3. Pasang Ekstensi Pendukung Java\n\nSebenarnya sampai tahap ini kita udah bisa menulis dan mengompilasi kode Java lewat terminal. Tapi jujur aja, cara manual begitu pasti kerasa merepotkan karena kita harus bolak-balik mengetik perintah kompilasi.\n\nUntungnya, VS Code punya ekosistem ekstensi (*extension*) yang sangat kaya buat mempermudah hidup kita. Kita tinggal pasang paket kumpulan ekstensi bernama `Extension Pack for Java` yang berisi sekumpulan perkakas bantu buat mempermudah penulisan, pengujian, dan *debugging* program Java.\n\nCara pasangnya gampang banget: silakan klik ikon **Extensions** yang ada di bagian menu navigasi samping (*sidebar*) sebelah kiri.\n\nSetelah itu, ketik kata kunci \"Java\" di dalam kotak pencarian. Di daftar hasil pencarian teratas, kalian bakal melihat paket `Extension Pack for Java` buatan Microsoft. Klik tombol **Install** dan tunggu beberapa saat sampai proses pemasangannya selesai.\n\n> 📷 *Ilustrasi: panel ekstensi VS Code yang menampilkan paket Extension Pack for Java beserta tombol instalasi.*\n\nSetelah ekstensinya siap, sekarang mari kita coba membuat proyek Java pertama kita menggunakan VS Code.\n\n## 4. Membuat Proyek Java Pertama\n\nLangkah awal untuk memulai proyek baru adalah dengan memanggil fitur *command palette*. Caranya, tekan kombinasi tombol shortcut `Ctrl + Shift + P` di keyboard, maka kotak input perintah bakal muncul di bagian atas layar.\n\nKetikkan kata kunci `Java: Create Java Project` di kotak tersebut, lalu tekan enter atau klik langsung opsi yang muncul di layar.\n\n> 📷 *Ilustrasi: bilah Command Palette di bagian atas VS Code yang menyaring perintah pembuatan proyek Java.*\n\nSelanjutnya, kalian bakal diminta memilih jenis proyek yang mau dibuat. Karena kita baru tahap belajar dasar, pilih opsi **No build tools** buat membuat struktur proyek seminimal mungkin tanpa bantuan pengelola dependensi eksternal. Menu ini juga menyediakan pilihan perkakas lain seperti Maven atau Gradle untuk kebutuhan proyek yang lebih rumit.\n\n> 📷 *Ilustrasi: daftar pilihan tipe perkakas bangun proyek Java pada menu dropdown VS Code.*\n\nSetelah itu, jendela dialog penyimpanan (*pop-up*) bakal muncul meminta kalian memilih lokasi folder proyek. Silakan pilih folder di komputer kalian sesuai kebutuhan.\n\nSetelah lokasinya ditentukan, bakal muncul kolom input (*text field*) kecil buat mengetikkan nama proyek kalian. Ketik nama proyek bebas sesuka hati (misalnya kita beri nama `demo`), lalu tekan enter.\n\nVS Code bakal otomatis memproses struktur direktori proyek kalian dan langsung membukanya di workspace baru. Di panel samping, susunan berkas proyek akan tertata rapi dari folder utama hingga subfolder kode sumber.\n\n> 📷 *Ilustrasi: panel file explorer VS Code yang menampilkan struktur direktori proyek Java beserta folder src dan lib.*\n\nSebagai aturan dasarnya, semua berkas kode Java yang kalian tulis nantinya harus diletakkan di dalam folder `src`. Di sana, kalian juga bisa melihat berkas bawaan bernama `App.java` yang berisi kode program penampil teks sederhana.\n\nUntuk menjalankan kodenya, kalian cukup mengklik tombol ikon segitiga (**Run**) di pojok kanan atas editor. Atau alternatif menariknya, kalian bisa klik teks tombol melayang **Run** yang terletak manis tepat di atas deklarasi fungsi `main`.\n\nKetika kodenya dieksekusi, panel terminal di bagian bawah layar bakal otomatis terbuka dan menampilkan hasil *output* program kalian.\n\nHore! 🥳 Sampai tahap ini, seluruh rangkaian konfigurasi Java menggunakan VS Code telah berhasil diselesaikan dengan baik. Sekarang, kalian sudah siap buat mulai petualangan menulis baris kode Java dengan nyaman.\n\nSelamat bersenang-senang dan *happy coding*! 👋",[],{"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,206,215,226,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":43,"title":44,"slug":45,"excerpt":46,"thumbnail_image":204,"tags":205},{"id":49},[51,52,53],{"id":207,"title":208,"slug":209,"excerpt":210,"thumbnail_image":211,"tags":213},"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":212},"b5352a4b-f274-4489-aca9-36814947d514",[180,214],"distro",{"id":216,"title":217,"slug":218,"excerpt":219,"thumbnail_image":220,"tags":222},"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":221},"ff111270-80c2-4ccb-83d7-d5ab8c021201",[223,224,225],"web-development","frontend","framework",{"id":227,"title":228,"slug":229,"excerpt":230,"thumbnail_image":231,"tags":233},"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!",{"id":232},"98e85e76-9e7b-42d1-b989-7c75e7f49abc",[234,235,236],"programming","types","comparison",{"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,223],"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,223],{"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>Salah satu hambatan paling umum pas kita baru mulai belajar bahasa pemrograman baru adalah memilih \u003Cem>IDE\u003C/em> atau \u003Cem>code editor\u003C/em> yang tepat.\u003C/p>\n\u003Cp>Terlebih lagi pas kita berurusan dengan \u003Ca href=\"https://www.invasikode.com/artikel/seri/belajar-java\">bahasa Java\u003C/a>. Kita biasanya dihadapkan sama banyak banget pilihan \u003Cem>IDE\u003C/em> (\u003Cem>Integrated Development Environment\u003C/em>) legendaris kayak NetBeans, IntelliJ IDEA, Eclipse, dan kawan-kawannya.\u003C/p>\n\u003Cp>Tapi masalahnya, dalam banyak kasus, penggunaan \u003Cem>IDE\u003C/em> raksasa ini sering kali bikin laptop kita ngos-ngosan—ehem, apalagi kalau spesifikasinya pas-pasan alias spek kentang. 😂 Hal ini disebabkan karena banyaknya proses berat yang berjalan di latar belakang, padahal proses itu belum tentu kita butuhin pas nulis kode sederhana.\u003C/p>\n\u003Cp>Alternatif yang bisa kalian ambil adalah beralih menggunakan \u003Cem>code editor\u003C/em>. Jika dibandingkan dengan \u003Cem>IDE\u003C/em>, \u003Cem>code editor\u003C/em> itu cenderung jauh lebih ramah terhadap kapasitas RAM dan CPU laptop kalian. Soalnya, tugas utamanya emang difokuskan buat mengedit kode saja tanpa bawaan fitur bawaan yang berlebihan.\u003C/p>\n\u003Cp>Dari sekian banyak pilihan di luar sana, salah satu yang paling populer dan dicintai adalah VS Code. Nggak cuma buat Java aja, \u003Cem>editor\u003C/em> serbaguna ini bisa dipakai buat bahasa pemrograman apa pun, asalkan kalian tahu cara mengonfigurasinya dengan benar.\u003C/p>\n\u003Cp>Nah, pada kesempatan kali ini, kita bakal membahas gimana cara melakukan instalasi dan konfigurasi VS Code biar bisa kita pakai buat ngoding Java dengan lancar dan ceria.\u003C/p>\n\u003Ch2 id=\"sekilas-pandang\">Sekilas Pandang\u003C/h2>\n\u003Cp>Sebelum mulai masuk ke tahap instalasi, pastikan laptop atau PC kalian udah terhubung ke internet ya. Soalnya, kita bakal mengunduh beberapa \u003Cem>software\u003C/em> penting di bawah ini:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Java Development Kit (JDK)\u003C/strong> — Mesin utama buat menjalankan Java.\u003C/li>\n\u003Cli>\u003Cstrong>Visual Studio Code\u003C/strong> — Editor kode andalan kita.\u003C/li>\n\u003Cli>\u003Cstrong>Ekstensi Java untuk VS Code\u003C/strong> — Paket pendukung biar VS Code makin pintar membaca kode Java.\u003C/li>\n\u003C/ul>\n\u003Cp>Kalau semuanya udah berhasil terpasang dengan benar, lingkungan kerja kalian bakal lengkap dengan panel penjelajah berkas, editor kode, dan konsol eksekusi yang rapi.\u003C/p>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: tampilan antarmuka VS Code yang membuka proyek Java lengkap dengan kode sumber dan terminal hasil eksekusi program.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Yuk, kita mulai langkah pertamanya dengan memasang JDK terlebih dahulu!\u003C/p>\n\u003Ch2 id=\"1-instalasi-java-development-kit-jdk\">1. Instalasi Java Development Kit (JDK)\u003C/h2>\n\u003Cp>\u003Cem>JDK\u003C/em> adalah \u003Cem>software\u003C/em> utama yang wajib ada buat membuat dan menjalankan aplikasi Java. Di dalam paket \u003Cem>JDK\u003C/em> ini udah mencakup \u003Cem>API\u003C/em>, \u003Cem>loader\u003C/em>, \u003Cem>compiler\u003C/em>, \u003Cem>runtime environment\u003C/em> (JRE), dan banyak komponen penting lainnya.\u003C/p>\n\u003Cp>Buat proses instalasi \u003Cem>JDK\u003C/em> ini, silakan kalian sesuaikan langkahnya dengan sistem operasi yang sedang digunakan saat ini.\u003C/p>\n\u003Ch3 id=\"instalasi-jdk-di-windows\">Instalasi JDK di Windows\u003C/h3>\n\u003Cp>Untuk pengguna Windows, kita bisa memakai distribusi \u003Cem>JDK\u003C/em> resmi yang disediakan langsung oleh Microsoft.\u003C/p>\n\u003Cp>Proses instalasinya gampang banget kok. Cukup unduh berkas pemasang (\u003Cem>installer\u003C/em>) lalu pasang sesuai petunjuk seperti aplikasi Windows pada umumnya.\u003C/p>\n\u003Cp>Kalian bisa mengakses halaman unduhannya di situs resmi \u003Ca href=\"https://docs.microsoft.com/en-us/java/openjdk/download\">Microsoft OpenJDK\u003C/a>. Pastikan buat mengunduh versi terbaru dengan format installer \u003Ccode>.msi\u003C/code>. Jangan lupa sesuaikan juga dengan arsitektur sistem komputer kalian (biasanya tipe 64-bit).\u003C/p>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>Catatan:\u003C/strong> Pas artikel ini ditulis, versi stabil yang direkomendasikan adalah versi \u003Ccode>17.0.4.1\u003C/code> (\u003Cem>LTS\u003C/em>).\u003C/p>\n\u003C/blockquote>\n\u003Cp>Kalau berkasnya udah selesai diunduh, langsung buka aja file \u003Ccode>.msi\u003C/code> tersebut dan ikuti langkah instalasinya. Di sini kita pakai konfigurasi standar (\u003Cem>default\u003C/em>) aja, jadi tinggal klik tombol \u003Cstrong>Next\u003C/strong>, \u003Cstrong>Next\u003C/strong>, sampai \u003Cstrong>Finish\u003C/strong>.\u003C/p>\n\u003Cp>Setelah proses pemasangan selesai, mari kita pastikan kalau \u003Cem>JDK\u003C/em> udah terdaftar dengan benar di sistem. Buka aplikasi terminal kalian (boleh pakai CMD atau PowerShell), lalu ketikkan perintah di bawah ini dan tekan enter:\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\">SHELL\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=\"java%20--version\" 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:#B392F0\">java\u003C/span>\u003Cspan style=\"color:#79B8FF\"> --version\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Kalau perintah tersebut menampilkan \u003Cem>output\u003C/em> keterangan versi OpenJDK seperti di bawah ini, artinya \u003Cem>setup JDK\u003C/em> kalian udah sukses terinstal:\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\">TEXT\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=\"openjdk%2017.0.4.1%202022-08-12%20LTS%0AOpenJDK%20Runtime%20Environment%20Microsoft-40354%20(build%2017.0.4.1%2B1-LTS)%0AOpenJDK%2064-Bit%20Server%20VM%20Microsoft-40354%20(build%2017.0.4.1%2B1-LTS%2C%20mixed%20mode%2C%20sharing)\" 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>openjdk 17.0.4.1 2022-08-12 LTS\nOpenJDK Runtime Environment Microsoft-40354 (build 17.0.4.1+1-LTS)\nOpenJDK 64-Bit Server VM Microsoft-40354 (build 17.0.4.1+1-LTS, mixed mode, sharing)\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Tapi kalau perintahnya nggak dikenal, coba matikan dan nyalakan ulang (\u003Cem>restart\u003C/em>) komputer kalian dulu, lalu jalankan kembali perintah pengecekan tadi.\u003C/p>\n\u003Cp>Jika aman, yuk kita beranjak ke langkah berikutnya yaitu \u003Ca href=\"#2-instalasi-visual-studio-code\">Instalasi VS Code\u003C/a>.\u003C/p>\n\u003Ch3 id=\"instalasi-jdk-di-linux\">Instalasi JDK di Linux\u003C/h3>\n\u003Cp>Bagi pengguna Linux, beberapa distribusi (\u003Cem>distro\u003C/em>) biasanya sudah menyertakan \u003Cem>JDK\u003C/em> secara bawaan. Kalian bisa memastikannya dengan mengetikkan perintah ini di terminal:\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\">SHELL\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=\"java%20--version\" 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:#B392F0\">java\u003C/span>\u003Cspan style=\"color:#79B8FF\"> --version\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Kalau informasinya muncul, berarti kalian tinggal melompat langsung ke langkah \u003Ca href=\"#2-instalasi-visual-studio-code\">pemasangan VS Code\u003C/a>.\u003C/p>\n\u003Cp>Namun kalau hasilnya menunjukkan perintah nggak ditemukan, berarti kita kudu memasangnya secara manual terlebih dulu.\u003C/p>\n\u003Cp>Untungnya, hampir seluruh \u003Cem>distro\u003C/em> Linux populer udah menyediakan paket OpenJDK di dalam repositori resmi mereka. Jadi, kalian tinggal menjalankan perintah instalasi di terminal sesuai dengan keluarga \u003Cem>distro\u003C/em> yang dipakai.\u003C/p>\n\u003Cp>Buat keluarga Debian, Ubuntu, Mint, dan turunannya:\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\">SHELL\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=\"sudo%20apt%20update%0Asudo%20apt%20install%20default-jdk\" 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:#B392F0\">sudo\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> apt\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> update\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">sudo\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> apt\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> install\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> default-jdk\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Buat pengguna Fedora:\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\">SHELL\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=\"sudo%20dnf%20install%20java-11-openjdk\" 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:#B392F0\">sudo\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> dnf\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> install\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> java-11-openjdk\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Buat pengguna Arch Linux dan turunannya (\u003Ccode>pacman\u003C/code>):\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\">SHELL\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=\"sudo%20pacman%20-S%20jdk-openjdk\" 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:#B392F0\">sudo\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> pacman\u003C/span>\u003Cspan style=\"color:#79B8FF\"> -S\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> jdk-openjdk\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Sedangkan buat \u003Cem>distro\u003C/em> Linux lainnya, tinggal sesuaikan saja perintahnya dengan pengelola paket (\u003Cem>package manager\u003C/em>) masing-masing ya.\u003C/p>\n\u003Ch2 id=\"2-instalasi-visual-studio-code\">2. Instalasi Visual Studio Code\u003C/h2>\n\u003Cp>Untuk memasang VS Code, silakan unduh berkas pemasangnya lewat situs resmi \u003Ca href=\"https://code.visualstudio.com/download\">unduhan VS Code\u003C/a>. Langkah instalasinya baik di Windows maupun Linux tergolong mirip dan sangat mudah diikuti. Cukup pastikan saja format berkas yang kalian unduh sesuai dengan sistem operasi kalian (misalnya \u003Ccode>.exe\u003C/code> buat Windows atau \u003Ccode>.deb\u003C/code>/\u003Ccode>.rpm\u003C/code> buat Linux).\u003C/p>\n\u003Cp>Setelah instalasi beres, jalankan aplikasinya hingga memunculkan tab selamat datang (\u003Cem>Welcome page\u003C/em>). Layar awal ini menyediakan pintasan cepat buat membuka folder kerja, berkas terbaru, dan menu konfigurasi dasar.\u003C/p>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: jendela awal Visual Studio Code yang menampilkan tab selamat datang dan bilah aktivitas di sisi samping.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Sip, tersisa satu langkah krusial lagi nih! 👏\u003C/p>\n\u003Ch2 id=\"3-pasang-ekstensi-pendukung-java\">3. Pasang Ekstensi Pendukung Java\u003C/h2>\n\u003Cp>Sebenarnya sampai tahap ini kita udah bisa menulis dan mengompilasi kode Java lewat terminal. Tapi jujur aja, cara manual begitu pasti kerasa merepotkan karena kita harus bolak-balik mengetik perintah kompilasi.\u003C/p>\n\u003Cp>Untungnya, VS Code punya ekosistem ekstensi (\u003Cem>extension\u003C/em>) yang sangat kaya buat mempermudah hidup kita. Kita tinggal pasang paket kumpulan ekstensi bernama \u003Ccode>Extension Pack for Java\u003C/code> yang berisi sekumpulan perkakas bantu buat mempermudah penulisan, pengujian, dan \u003Cem>debugging\u003C/em> program Java.\u003C/p>\n\u003Cp>Cara pasangnya gampang banget: silakan klik ikon \u003Cstrong>Extensions\u003C/strong> yang ada di bagian menu navigasi samping (\u003Cem>sidebar\u003C/em>) sebelah kiri.\u003C/p>\n\u003Cp>Setelah itu, ketik kata kunci "Java" di dalam kotak pencarian. Di daftar hasil pencarian teratas, kalian bakal melihat paket \u003Ccode>Extension Pack for Java\u003C/code> buatan Microsoft. Klik tombol \u003Cstrong>Install\u003C/strong> dan tunggu beberapa saat sampai proses pemasangannya selesai.\u003C/p>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: panel ekstensi VS Code yang menampilkan paket Extension Pack for Java beserta tombol instalasi.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Setelah ekstensinya siap, sekarang mari kita coba membuat proyek Java pertama kita menggunakan VS Code.\u003C/p>\n\u003Ch2 id=\"4-membuat-proyek-java-pertama\">4. Membuat Proyek Java Pertama\u003C/h2>\n\u003Cp>Langkah awal untuk memulai proyek baru adalah dengan memanggil fitur \u003Cem>command palette\u003C/em>. Caranya, tekan kombinasi tombol shortcut \u003Ccode>Ctrl + Shift + P\u003C/code> di keyboard, maka kotak input perintah bakal muncul di bagian atas layar.\u003C/p>\n\u003Cp>Ketikkan kata kunci \u003Ccode>Java: Create Java Project\u003C/code> di kotak tersebut, lalu tekan enter atau klik langsung opsi yang muncul di layar.\u003C/p>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: bilah Command Palette di bagian atas VS Code yang menyaring perintah pembuatan proyek Java.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Selanjutnya, kalian bakal diminta memilih jenis proyek yang mau dibuat. Karena kita baru tahap belajar dasar, pilih opsi \u003Cstrong>No build tools\u003C/strong> buat membuat struktur proyek seminimal mungkin tanpa bantuan pengelola dependensi eksternal. Menu ini juga menyediakan pilihan perkakas lain seperti Maven atau Gradle untuk kebutuhan proyek yang lebih rumit.\u003C/p>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: daftar pilihan tipe perkakas bangun proyek Java pada menu dropdown VS Code.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Setelah itu, jendela dialog penyimpanan (\u003Cem>pop-up\u003C/em>) bakal muncul meminta kalian memilih lokasi folder proyek. Silakan pilih folder di komputer kalian sesuai kebutuhan.\u003C/p>\n\u003Cp>Setelah lokasinya ditentukan, bakal muncul kolom input (\u003Cem>text field\u003C/em>) kecil buat mengetikkan nama proyek kalian. Ketik nama proyek bebas sesuka hati (misalnya kita beri nama \u003Ccode>demo\u003C/code>), lalu tekan enter.\u003C/p>\n\u003Cp>VS Code bakal otomatis memproses struktur direktori proyek kalian dan langsung membukanya di workspace baru. Di panel samping, susunan berkas proyek akan tertata rapi dari folder utama hingga subfolder kode sumber.\u003C/p>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: panel file explorer VS Code yang menampilkan struktur direktori proyek Java beserta folder src dan lib.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Sebagai aturan dasarnya, semua berkas kode Java yang kalian tulis nantinya harus diletakkan di dalam folder \u003Ccode>src\u003C/code>. Di sana, kalian juga bisa melihat berkas bawaan bernama \u003Ccode>App.java\u003C/code> yang berisi kode program penampil teks sederhana.\u003C/p>\n\u003Cp>Untuk menjalankan kodenya, kalian cukup mengklik tombol ikon segitiga (\u003Cstrong>Run\u003C/strong>) di pojok kanan atas editor. Atau alternatif menariknya, kalian bisa klik teks tombol melayang \u003Cstrong>Run\u003C/strong> yang terletak manis tepat di atas deklarasi fungsi \u003Ccode>main\u003C/code>.\u003C/p>\n\u003Cp>Ketika kodenya dieksekusi, panel terminal di bagian bawah layar bakal otomatis terbuka dan menampilkan hasil \u003Cem>output\u003C/em> program kalian.\u003C/p>\n\u003Cp>Hore! 🥳 Sampai tahap ini, seluruh rangkaian konfigurasi Java menggunakan VS Code telah berhasil diselesaikan dengan baik. Sekarang, kalian sudah siap buat mulai petualangan menulis baris kode Java dengan nyaman.\u003C/p>\n\u003Cp>Selamat bersenang-senang dan \u003Cem>happy coding\u003C/em>! 👋\u003C/p>\n","\u003Cul>\n\u003Cli>Visual Studio Code (VS Code) adalah alternatif editor kode yang jauh lebih ringan dibandingkan IDE Java tradisional seperti NetBeans atau Eclipse.\u003C/li>\n\u003Cli>JDK (Java Development Kit) merupakan komponen wajib untuk mengompilasi dan menjalankan program Java di komputer kita.\u003C/li>\n\u003Cli>Microsoft menyediakan distribusi OpenJDK versi installer (.msi) yang sangat praktis dipasang di sistem Windows.\u003C/li>\n\u003Cli>Dengan memasang 'Extension Pack for Java' di VS Code, kita bisa mendapatkan fitur pelengkapan otomatis dan eksekusi kode satu-klik.\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,441,445,448,451,454],{"text":435,"depth":436,"id":437},"Sekilas Pandang",2,"sekilas-pandang",{"text":439,"depth":436,"id":440},"1. Instalasi Java Development Kit (JDK)","1-instalasi-java-development-kit-jdk",{"text":442,"depth":443,"id":444},"Instalasi JDK di Windows",3,"instalasi-jdk-di-windows",{"text":446,"depth":443,"id":447},"Instalasi JDK di Linux","instalasi-jdk-di-linux",{"text":449,"depth":436,"id":450},"2. Instalasi Visual Studio Code","2-instalasi-visual-studio-code",{"text":452,"depth":436,"id":453},"3. Pasang Ekstensi Pendukung Java","3-pasang-ekstensi-pendukung-java",{"text":455,"depth":436,"id":456},"4. Membuat Proyek Java Pertama","4-membuat-proyek-java-pertama",1791045072609]