코드 서식
서식 도구의 값어치는 단정한 파일이 아니라 성가신 파일이 가릅니다. content 안의 세미콜론, 문자열 안의 예약어. 이 도구들은 바로 그런 경우를 축으로 만들어졌습니다.
- HTML 정렬 붙여넣으면 눈에 들어옵니다. 태그마다 줄을 나누고 중첩 깊이에 맞춰 들여씁니다. 닫지 않은 div를 찾는 데 이보다 빠른 방법은 없습니다.
- HTML 압축 HTML을 붙여넣으면 아무도 보지 않는 공백을 뺀 채로 돌려받습니다. 입력란 아래 숫자가 얼마나 줄었는지 알려 줍니다.
- CSS 정렬 한 줄로 뭉쳐 온 스타일시트라도 붙여넣으면 다시 읽힙니다. 선언마다 줄을 나누고, 중첩 블록에는 그만큼의 들여쓰기를 주며, 주석은 있던 자리에 둡니다.
- CSS 압축 스타일시트를 붙여넣으면 압축된 채로 돌아옵니다. 입력란 아래에 전후 용량이 나오므로 값어치가 있었는지 바로 판단할 수 있습니다.
- XML 정렬 기계가 만든 XML은 보통 거대한 한 줄입니다. 여기에 붙여넣으면 구조가 드러납니다. 요소마다 줄을 나누고 깊이에 맞춰 들여씁니다.
- SQL 정렬 로그나 ORM에서 한 줄로 튀어나온 쿼리를 붙여넣으면 다시 읽히는 쿼리가 됩니다. SELECT, FROM, WHERE, 그리고 각 JOIN이 저마다의 줄에 놓입니다.