막코딩의 특징, 어떻게든 앱이 돌아간다. 하지만 인덴트(들여쓰기)를 제대로 하지 않아 코드 디버깅을 할 때 애를 먹는다. 코드 들여쓰기를 해서 구조를 예쁘게 정리를 하면 손쉽게 어느 부분이 잘 못됐는지 파악하기 쉽다. 처음부터 예쁘게 잘 구조화를 해 가면서 코딩을 하면 좋겠지만 성격이 그렇지 못하다. 또 중간중간 구글의 도움을 받아 참고할 코드를 가져오게 되면 복사 붙여넣기를 하는데, 이럴 때 또 코드의 구조가 깨진다. 다행스럽게도 코드를 예쁘게 구조화 해주는 웹앱이 상당히 많다. 그 중에서 HTML을 예쁘게 정리해주는 깔끔한 웹앱 하나를 소개하도록 하겠다.
Code Beautify HTML Viewer 바로가기
Code Beautify HTML Viewer (HTML 예쁘게 정리) 바로가기
기능 소개
HTML 코드 예쁘게 정리
HTML 미리보기
HTML 압축기능