개요
HTML 첫걸음, 즉 코딩을 하기 위해 필요한 프로그램 몇가지가 있습니다. 이 중에선 에디터라는 프로그램이 필수입니다. 하드코딩에 적합하거나 다양한 확장 기능을 사용할 수 있다거나 다양한 장점을 갖고 있는 에디터는 많습니다. 강력한 기능과 접근성, 편리성이 뛰어난 유료 에디터가 있는 반면 사실 우리가 흔히 사용하는 윈도우즈OS의 기본 프로그램인 메모장도 에디터가 될 수 있지요.
에디터에선 무조건 이거다 라는 정해진 프로그램이 사실상 없기 때문에 전문가가 아니라면 굳이 비싼 유료 에디터까지 사용할 필요는 없다고 생각합니다. 천천히 무료 에디터로 기초를 익히고 숙련도를 쌓은 뒤 원한다면 유료 에디터로 접근을 하는 것이 좋겠지요?
오늘은 에디터가 무엇인지, 그리고 필자가 사용해본 초심자가 사용하기 좋은 무료 에디터를 추천드릴까 합니다.
무료 에디터
Brackets
Adobe사에서 지원하고 있는 오픈소스 에디터입니다. 평이 대체적으로 좋은 편에 속하며 인터넷에서도 플러그인과 단축기 등 관련 가이드가 많으니 처음 접하기 아주 용이하다고 생각합니다. 단, 필자는 윈도우에서 사용하기 편리하고 대체적으로 좋았지만 MAC에선 절대 비추입니다. 한글을 사용할 때 깨지는 등 불편함이 더 컸습니다. 아쉽게도 21년 9월 부터 Adobe에서 지원을 종료할 예정이라고 하니 참고하셔야 할 것 같습니다. 여담으로 공식 홈페이지에서는 아래 소개드리는 VS Code를 사용하라고 권장하고 있군요. 다운로드는 공식 홈페이지가 아닌 이곳(GitHub) 에서 다운로드 가능합니다.
A modern, open source code editor that understands web design
Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.
brackets.io
VS Code
마이크로소프트사에서 개발하고 무료로 배포하는 에디터 입니다. 윈도우, MAC, 리눅스 등의 OS 환경에서 위화감없이 사용할 수 있도록 최적화 되어 있는 것이 큰 장점이라 필자는 MAC에서 이 에디터를 주력으로 썼습니다. 다양한 언어를 지원하기 때문에 초심자가 주요 기능등을 빠르게 익히기에 좋지 않을까 생각합니다. VS Code에서는 다양한 확장 플러그인을 설치하여 코딩하는데 좀 더 편리한 기능을 제공합니다. '확장' 기능에 들어가면 우선적으로 추천하는 확장 플러그인이 우선적으로 뜨기 때문에 우선적으로 이 플러그인을 설치하고 시작하길 추천드리며, 조금 숙련도를 쌓은 후 필요한 플러그인을 서칭하여 설치하는 것이 좋을것 같습니다. 에디터를 설치하고 나서 가장 고민하게 되는 것이 어느 플러그인을 설치하는 것이 좋을까 인데 인터넷을 찾아 이것저것 깔아보면 사실 코딩을 하기 전에 내가 사용하는 기능이 어느 플러그인인지 모를 때가 있기 때문입니다.
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
댓글