HTML 편집기 아톰(Atom) 설치 및 사용

안녕하세요.

컴커니어입니다.

HTML로 웹사이트를 만들어서 수익창출을 하고 싶은데 그러려면 제가 HTML을 사용할 공간이 필요하잖아요?

메모장이라는 편집기가 있지만,다소 불편한 점이 많더라고요..

그래서! 검색을 해보았습니다.

2019 HTML BEST EDITOR

검색 결과

1번에 있는 Atom편집기를 사용하기로 했어요 ㅎㅎ

설치

https://atom.io/

A hackable text editor for the 21st Century

가서 다운로드 받았어요. 무료이고 다운로드 받는 시간도 적게 들어서 금방했어요 ㅎㅎ

사용법

 처음에 열면 가이드랑 이것저것 많이 나오는데요 다 x를 눌러서 없애면됩니다!

제가 웹사이트를 만들거면은 그 파일들을 보관할 폴더가 필요하잖아요?

바탕화면에 폴더를 하나 만들어주세요.

저는 폴더이름을 web이라고 지었어요.

그 폴더를 아톰에서 여는 방법은 간단합니다.

 

 

1.왼쪽 상단에 file클릭

2.open folder 클릭 후 폴더를 엽니다.

아니면 간단하게 Ctrl+shift+O(알파벳)를 동시에 눌러서 폴더를 열어도 됩니다!

 

다음으로는, 파일을 만들어서 html을 작성한 내용을 저장할 공간을 만들거에요.

 

1.왼쪽 상단에 file클릭

2.New file 클릭하여 생성(이름은 (이름).html로 끝나게 지어야 합니다.)

마찬가지로 간단하게 Ctrl+N을 눌러서 새로운 파일을 만들 수 있습니다.

 

왜 .html로 파일명이 끝나야 할까?

.dox .pdf 등등 워드같은거는 끝날때 이런식으로 파일명을 저장해야하잖아요.

html을 만든 사람들도 약속을 하나 했어요 확장자는 항상 .html로 하자고요

저희도 그 약속에 따라야 할거같습니다.(제가 html을 만든 장본인이 아니기때문에 저는 따르겠습니다.)

 

 

저는 작성한 코드의 결과물을 바로바로 보면서 코딩을해야 좀 더 시간을 절약할 수 있다고 생각합니다.

그 방법은 무엇일까요?

1. 인터넷 빈창을 띄웁니다.(크롬 추천드려요)

2.Ctrl+O(알파벳) 을 눌러서 처음에 만든 폴더 안에 확장자가 .html로 끝나는 파일을 엽니다.

이러면 아톰에서 작성한 제 코드의 결과물을 바로바로 볼 수 있습니다.

 

이것으로 아톰 설치와 사용하는 방법에 대해서 공부해봤습니다.

웹사이트를 만들어서 수익창출을 하는 날에 한발짝 다가간거같네요.

유익한 정보가 되길바래요 ㅎㅎ