html편집기추천

반응형

웹페이지 작업을 위해서 배워야 할 것에는 html, css, javascript, php등의 언어가 있습니다. 오늘은 그중 가장 기본이 되는 html편집기를 하나 추천해보려고 해요. 아톰 에디터(Atom Editor)는 Github에서 제공하는 툴로 약간 무겁지만 가장 성능이 좋은 툴이라고 볼 수 있습니다. 

<html편집기 아톰 에디터(Atom Editor) 추천>

html편집기 아톰 에디터

A hackable text editor for the 21st Century

21세기의 해킹 가능한 텍스트 편집기라고 합니다. !!!  

아무런 툴을 쓰지 않는다면 윈도우에서는 메모장을 쓰면 되고, 맥에서는 텍스트편집기를 쓰면 되지요. 툴의 장점은 좀 더 작업하기 수월하게 도와준다는 것입니다. 아톰은 그런 면에서 아주 멋진 툴이에요. 

공식 홈페이지(바로가기)에 가면 바로 나의 사양을 체크해서 '다운로드'할 수 있게 나옵니다. 여러 페이지를 뒤져볼 필요가 없어요. 내려받아서 설치하는 과정은 생략하겠습니다. 왜냐면 누구나 할 수 있기 때문이죠. 별도의 설정도 필요 없습니다. 

아톰 에디터 기본 화면

html편집기 아톰 프로그램을 실행하면 처음에 등장하는 다양한 탭은 닫아주어도 좋습니다. 새 프로젝트를 추가하고 바로 작업할 수 있어요. 보여주기 위해 'web'이라는 폴더를 새로 생성해보았습니다. 

파일 생성

html 파일 생성하기

그리고, 1.html이라는 파일도 하나 만들어 보았네요. File 메뉴에서 new file로 들어가서 만들어줍니다. 왼쪽은 폴더 구조이고, 오른쪽은 작업할 수 있는 공간입니다. 

hello world!!! 출력하기 예제

1.html에 Hello World!!! 텍스트를 입력하고 저장해보았습니다. 

html 예제

그리고 1.html파일을 열었더니 위와 같이 출력됩니다. 이제 웹언어를 배우고 아톰에디터에서 실습 또는 작업을 하면 되겠습니다. ^^ 강력한 툴이니 꼭 활용해보세요. 

[참고 글]

- 무료 pdf편집기 이지pdf에디터 주요 기능 정리

- 무료 마인드맵 프로그램 추천

- 알고리즘 사이트 코드워즈, 코딩공부 하기 좋은 곳

반응형

+ Recent posts