HTML 편집기

HTML편집기

간단한 텍스트 편집기로 html을 열어서 편집할 수 있다.

윈도우 메모장

• 윈도우에 기본으로 탑재되어 있는 메모장으로 html을 수정할 수 있다.
• html 자동완성 기능이 없고 되돌리기 기능이 약하기 때문에 추천하지는 않는다.

Visual Studio Code (비주얼 스튜디오 코드)

Visual Studio Code 다운로드

• 마이크로소프트에서 개발하였으며 무료다.
• 윈도우, 맥 모두 사용 가능하다.
• html 뿐만 아니라 c#, c++, python, java, javascript, css 등 여러가지 언어를 지원한다.
• 플러그인 기능이 강력하다.
• 디버깅 기능이 강력하다.
• MIT 라이선스의 오픈소스다.
• 높은 점유율을 가지고 있어 문제가 생겨도 쉽게 자료를 찾을 수 있다.

Sublime Text (서브라임 텍스트)

Sublime Text 다운로드

• 윈도우, 맥, 리눅스 모두 사용 가능하다.
• 다른 IDE에 비해 가볍다.
• html 뿐만 아니라 c#, c++, python, java, javascript, css 등 여러가지 언어를 지원한다.
• 명령 팔레트를 이용해서 주요 기능을 조작할 수 있다. Ctrl+Shift+P 키를 눌러 열 수 있다.
• 약 $80 로 판매하고 있지만 무료로 사용할수도 있다. 무료 버젼을 사용하고 있으면 가끔 결제해달라는 창이 뜬다.

Code Pen (코드펜)

Code Pen 사이트

• 프로그램을 설치하지 않고 웹 브라우저에서 html 을 작성할 수 있다. html을 공부할때 유용하다.
• 다른 사람이 작성한 샘플 코드가 많아서 참조하기 좋다.
• 윈도우, 맥 뿐만 아니라 아이폰, 안드로이드, 아이패드에서도 편집할 수 있다.
• 만든 코드를 쉽게 공유할 수 있다.
• 비슷한 무료 html 편집기 사이트
  • https://jsfiddle.net/
  • https://codesandbox.io/