형제들, 자매들, 양심에 손을 얹고 말해봐. 오늘 쓴 코드가 또 엉망진창이지? 들여쓰기는 뒤죽박죽, 태그는 대문자였다 소문자였다, 따옴표는 혼용되고, 빽빽하게 붙어 있어서 보기만 해도 머리가 아프지. 특히 오후에 요구사항 수정할 때, 그 망할 닫는 태그를 찾으려고 눈이 빠질 정도로 찾아도 도무지 안 보여서, 그 순간 머리카락이 몇 가닥 더 하얘진 것 같지 않아?
솔직히 말해봐, 너도 겪어봤을 거야. 클라이언트는 출시를 재촉하고, 백엔드 API는 파라미터를 바꿔버리고, 프론트엔드 스타일은 버그가 나고, 수백 줄짜리 HTML 파일을 열자마자 컴퓨터를 부수고 싶어진 적. 그럴 때 시간은 생명이고, 효율은 머리카락이야. 누가 한 줄씩 들여쓰기 맞추느라 시간을 쓰겠어?
하지만 말이지, 코드를 포맷하지 않으면 손해 보는 건 언제나 나 자신과 팀원이야. 쓸 때는 편했겠지만, 저장할 때 엉망이면 다음에 인수하는 사람(아마 미래의 너일 가능성이 높지)이 욕을 하게 될 거야. 게다가 많은 편집기에 내장된 포맷 기능은 들여쓰기 설정이 마음에 안 들거나, 특정 구조를 형편없이 처리해서 포맷한 후에 오히려 더 지저분해지기도 해. 화나지 않아?
그래서 오늘은 내가 오랫동안 아껴온 보물 같은 도구를 소개할게. 바로 'HTML 포맷터'야. 이건 화려한 소프트웨어가 아니라, 순수하고 깔끔하며 효율적인 온라인 도구야. 아무것도 설치할 필요 없이 브라우저만 열면 사용할 수 있어. 게다가 일 처리가 정말 빠르고 깔끔해.
내가 이걸로 처리한 가장 끔찍한 파일은 고객 쪽 아웃소싱 팀이 남긴 '대대로 물려받은 코드'였어. 전체 페이지 구조가 말도 안 되게 혼란스러웠어. div 안에 div가 마트료시카처럼 겹쳐 있고, 닫히지 않은 태그와 주석 처리된 쓰레기 코드가 한가득이었지. 그때 '죽은 소에게도 약을 써보자'는 심정으로 이 쓰레기 더미를 그대로 붙여넣고 포맷 버튼을 눌렀어. 결과가 어땠을 것 같아? 눈 깜짝할 사이에 그 엉망진창이 질서 정연한 계층 구조로 바뀌었어. 각 태그가 있어야 할 위치가 명확해지고, 들여쓰기는 직접 손으로 한 것보다 더 표준적이었어. 그 순간, 내가 짜증 나던 마음도 평온해지고, 작업 효율은 두 배로 뛰었으며, 퇴근 시간이 무려 한 시간이나 앞당겨졌어!
이 도구에서 내가 가장 좋아하는 점은 개발자의 습관을 정말 잘 이해한다는 거야. 포맷 후 코드의 가독성이 정말 편안해. 태그 계층이 한눈에 보이고, 속성 배열이 가지런해서 어떤 div가 부모이고 어떤 div가 자식인지 바로 알 수 있어. 게다가 가리지 않고, HTML4의 옛날 태그든 HTML5의 새로운 태그든, 심지어 CSS와 JS가 섞여 있어도 깔끔하게 정리해 줘. 포맷 후에 스크립트가 망가지는 일이 없어. 이건 정말 드문 일이야.
온라인에는 포맷 도구가 많지만, 어떤 건 회원가입이 필요하고, 어떤 건 파일 크기 제한이 있고, 어떤 건 광고를 붙여놓지. 하지만 이 도구는 마치 대협처럼 순수해서, 열면 바로 본업을 처리해. 불필요한 수작업이 전혀 없어. 코드를 직접 붙여넣기도 지원하고, 파일 업로드도 지원하며, 처리 후 복사하거나 다운로드하면 끝. 전체 과정이 물 흐르듯 매끄러워.
생각해 봐. 평소 야근하는 시간 중에 얼마나 많은 시간이 이런 기술적 가치 없는 정리 작업에 낭비되고 있어? 원래 정시에 퇴근해서 꼬치구이를 먹거나 집에 가서 게임 몇 판 할 수 있는데, 코드 형식이 엉망이라는 이유만으로 한 시간을 더 버티고 있잖아. 왜 그래? 도구로 해결할 수 있는 일에 두뇌를 낭비하지 말자고.
더 이상 조용히 뒤처리를 하는 좋은 사람이 되지 말고, 엉망인 코드가 퇴근 시간을 침식하게 두지 마. 이 'HTML 포맷터'를 즐겨찾기에 추가해 두고, 다음에 그런 보기만 해도 짜증 나는 코드를 만나면 바로 던져줘. 1초 만에 깔끔해질 거야. 일이 편해지고, 효율이 올라가고, 정시 퇴근이 꿈이 아니야.
정말로, 이 작은 습관 하나로 야근 시간을 엄청나게 아낄 수 있어. 써 본 사람만 알지, 쓰면 돌아갈 수 없어. 내가 어떻게 아는지 묻지 마. 지금은 이미 없으면 안 되는 존재니까. 지금 바로 시도해 봐. 오늘 야근 안 하려면 이걸로 충분해! 믿어, 쓰고 나면 왜 더 일찍 발견하지 못했을까 후회할 거야.