[웹] 코드 정리 및 비교 사이트

인트로

안녕하세요. 오늘은 코드 정리 및 비교 사이트에 대해 포스팅하겠습니다. 개발을 하다보면 두개의 소스를 비교하여 내가 어떤 부분을 고쳤는지 알고싶거나 소스 코드를 정리하고 싶을 때가 있습니다.  그러할 때마다 다음과 같은 사이트를 사용하면 유용합니다. 실제로 제가 사용하고 있는 사이트들입니다 :D

 

1. 개발 소스 코드 비교 사이트

1) diffchecker (개인적으로 추천) : https://www.diffchecker.com/

부가설명

- 원 코드와 변경된 코드를 넣으면 두개의 소스를 비교해줍니다.  
- 원코드와 비교할 코드를 입력하고 'find difference'를 클릭하면 됩니다.

- 타 사이트 대비 UI가 비교적 깔끔하다.

diffchecker

 

2. 소스 코드 정리 사이트

1) arantius  : https://tools.arantius.com/tabifier

- tabifier는 코드 들여쓰기를 정리해주는 도구입니다.  
- css,html, c style 코드들을 지합니다.  
- 깨진 코드를 입력하면 결과가 잘못될 수 있습니다.  
- 정리할 코드를 입력하고 tabify를 누르시면 됩니다. 

arantius

 

2) prettydiff  : https://prettydiff.com/?m=beautify

- 개발 소스를 예쁘게 정리해줍니다.  (파일로 선택 가능) 
- Beautify code sample 란에 예쁘게 정리하고 싶은 코드를 입력해줍니다. 
- 정리할 html 코드를 입력하고 execute 를 누릅니다.
- 예쁘게 정리된 코드를 얻을 수 있습니다. 

Prettydiff

3) 온라인코드모음(편리함) :  https://wepplication.github.io/tools/beautifyCode/

웹 소스코드 정렬 사이트

 

- UI가 깔끔하게 되어있어서 코드 정리를 편리하게 할 수 있습니다.

- 또한, https://wepplication.github.io/tools/에 다양한 도구로 웹개발할때 필요한 기능들을 편리하게 이용할 수 있습니다.