
Bayangin Budi dan Siti Bikin Website Bareng...
Bayangin Budi dan Siti lagi ngerjain project Toko Online pakai Git dan GitHub. Di hari Senin, mereka punya kode file header.js yang sama persis di laptop masing-masing.
Di baris 10, ada kode: const warna = 'hitam'.
Tanpa komunikasi, Budi mengganti baris 10 jadi warna = 'merah' lalu nge-Push kodenya ke GitHub. Sejam kemudian, Siti mengganti baris 10 yang sama jadi warna = 'biru' dan mencoba nge-Push kodenya. GitHub langsung menolak dan mengeluarkan peringatan horor: "MERGE CONFLICT!".
Masalahnya: Git Itu Pintar, Tapi Gak Mau Ambil Risiko
Git sangat jago menggabungkan kode otomatis. Kalau Budi ngedit baris 10, dan Siti ngedit baris 50, Git akan langsung menggabungkannya tanpa ba-bi-bu.
TAPI, karena Budi dan Siti mengedit baris yang sama persis di waktu yang bersamaan, Git kebingungan. Git tidak tahu desain mana yang benar menurut bos mereka. Apakah warnanya harus merah atau biru? Karena Git gak mau merusak aplikasinya, Git mengangkat tangan dan menyerahkan keputusan ini ke manusia.
Nah, Di Sinilah 'Resolving Conflicts' Masuk!
Siti tidak perlu panik. Saat Siti buka VS Code, file header.js-nya akan berubah jadi aneh dengan tanda panah seperti ini:
<<<<<<< HEAD (Current Change - Kode Siti)
const warna = 'biru';
=======
const warna = 'merah';
>>>>>>> branch-budi (Incoming Change - Kode Budi)VS Code akan memunculkan 3 tombol ajaib di atasnya. Siti tinggal menelepon Budi: "Bud, kata Pak Bos header-nya warna apa sih?" Budi jawab: "Oh, kata bos warnanya merah, Sit!"
- Siti tinggal klik tombol Accept Incoming Change (Terima kodenya Budi).
- Kode Siti yang warna biru akan terhapus otomatis, tanda panahnya hilang, dan tersisa warna merah yang rapi.
- Siti tinggal
git add .dangit commitulang. Masalah damai!
Intinya: Merge Conflict bukanlah Error. Itu hanyalah Git yang sedang meminta tolong kepadamu untuk memilih satu dari dua persimpangan jalan secara manual.
Mau langsung pakai template?
Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.
Browse Templates