티스토리 뷰
ATOM, Sublime 그리고 Visual Studio Code
티스토리 블로그를 운영하다 보면 블로그 스킨 변경을 위해서 혹은 글 작성을 위해서 HTML 편집기를 자주 사용한다. 기존에는 티스토리 웹페이지 에디터 상에서 바로 고치거나 메모장 같은 걸로 간략히 고치고는 했는데, 아시다시피~ 작업능률은 영 꽝이다. 이번에 티스토리 스킨을 HTML코드 수정해 나가면서 VSCode를 써봤는데 꽤나 아니 대단히 쓸만하다.
이런거 없이 예전에는 어떻게 살았나 싶을 정도니 말이다. 그래서 말인데 이 참에 쓸만한 무료 HTML 편집기 3종을 소개한다. 3가지로 딱 집어서 말한건 어디까지나 내 개인 취향이다. 다른 분들은 어떻게 느낄지 모르겠지만 정말 괜찮다고 평판이 자자한 녀석들이니 믿고 써보도 괜찮다.
아톰(Atom)
- 홈페이지: https://atom.io/
- 비용: 무료 (MIT Licence)
- 개발: GitHub
- 플랫폼: OSX, 윈도우, 리눅스
Atom을 다음과 같이 써놨더라. "21 세기를 해커블(hackable) 텍스트 편집기!"라고. 원 뭔말이지 모르겠지만 어쨌거나 Atom은 2014 년에 처음 출시된 이후로 핫 하게 떠오른 텍스트 편집기의 강자이다.
아톰의 주목할 만한 점은 비주얼스튜디오 코드도 그렇지만 패키지 관리자를 이용해서 편집기에 새로운 기능을 추가할 수 있다. 패키지 관리자는 기본적으로 설치되며 더 나은 기능을 제공하기 위해 모든 패키지가 Github에서 호스팅된다.
아톰을 사용하면 화면을 분할해서 편집한다던가 자동완성 기능을 사용할 수 있다. 물론 이런것도 오늘 소개하는 다른 편집기에서 제공하는 것이지만 없어서는 안되는 편리한 기능이다. 이건 정말 써본사람 아니면 못 느낄듯.
서브라임텍스트(Sublime Text)
- 홈페이지: https://www.sublimetext.com/
- 비용: 무료 트라이얼 ($70 license fee with free trial)
- 개발자 : Jon Skinner 전 Google 엔지니어
- 플랫폼: OSX, 윈도우, 리눅스
Sublime은 2007년에 발표되었으므로 꽤 오래된 에디터이지만 내가 사용한건 몇년 안 된다. 사용 편리성은 앞서 언급했던 아톰만큼이나 꽤 여러 편리한 점들이 많이 있다.
예를들면 Sublime 사용자는 Sublime Package Control 플러그인으로 여러 패키지를 설치할 수 있다. 또한 Atom과 마찬가지로 서브라임에는 여러가지 많은 패키지와 테마가 있다. 핵심 플러그인이 설치되면 실제 성능이 향상된다. 구문 강조, JSON 포맷터, linter 등을 설치하고 셋팅하는데 시간이 좀 걸리지만 일단 설치하고 설정하면 다시 만질 필요가 없다.
비주얼 스튜디오 코드(Visual Studio Code)
- 홈페이지: https://code.visualstudio.com/
- 비용: 무료
- 개발자 : 마이크로소프트
- 플랫폼: OSX, 윈도우, 리눅스
비주얼 스튜디오 코드(VSCode)는 최근에 나온 텍스트 편집기이다. 2015년 4월 공개되었지만 이미 마이크로소프트의 저력을 많이 보여준 듯 하다. 정말 괜찮은 기능을 보여준다. 이번에 정말 강력하고 유연한 크로스 플랫폼 에디터를 개발하여 개발자들로부터 많은 호평과 관심을 받고 있다.
다른 편집자와 마찬가지로, VSCode에는 멋진 플러그인이 많다. 확장 관리 시스템은 내장되어 있으며 이미 수천 가지가 넘는게 널리고 널렸다. Atom과 마찬가지로 일부는 설치시에 기본적으로 인스톨된다.
정리
아톰이나 서브라임 텍스트, 비주얼 스튜디오 코드 모두 사용해본 입장에서 어느것이 우위에 있다고 말하기가 참 애매하다. 모두 비슷한 편리함과 확장성을 갖추고 있기때문이다. 한가지 추천할 수 있는 부분은 3가지가 html편집기로서는 최고라 생각한다. 자동완성에 문법검사를 하고 여러가지 확장성을 제공한다. 거기다 무료. 이보다 좋은 툴이 어디있을까 싶다.
'잉고래의 티스토리' 카테고리의 다른 글
css background 변경 (0) | 2017.02.25 |
---|---|
네이버 블로그 api 쓸 때 주의사항 (0) | 2017.02.23 |
3가지 CSS color 속성 지정 방법 (0) | 2017.02.18 |
CSS 사용법 3가지 정리 (2) | 2017.02.15 |
CSS 선택자(Selector) 심화학습 (4) | 2017.02.09 |
- Total
- Today
- Yesterday
- 아이나비 탭 xd9
- 소니 AXP35
- 소니 캠코더
- 소니 핸디캠
- 독후감
- 아이나비 태블릿
- 블랙박스
- AXP35
- X1 DASH
- qxd1000a
- 팅크웨어
- 한빛미디어
- CSS
- 티스토리챌린지
- 아이나비 탭 XD11 Pro
- 아이나비
- c언어
- 블로그
- 박근혜
- 독서
- 소니
- 아이나비 Tab XD9
- 오블완
- 티스토리
- 캠코더
- SM5
- Sony
- 아이나비 패드
- 서평
- cc2530
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |