처음이자 마지막 HTML - 실습환경 구축 ( Atom )

 HTML 실습환경 구축 ( Atom )

웹을 시작하게 되면서, 가장 기본이라고 할 수 있는 html 공부부터 시작했습니다.

제목에서 알 수 있듯이 처음이자 마지막인 html ( 시작하자마자 끝나는... ) 학습 내용 포스팅을 시작하겠습니다.

우선 html을 언어를 사용하고, 편집할 수 있는 툴을 설치해야합니다. 

저는 Atom ( 아톰 ) 을 사용했습니다. ( https://atom.io/ 링크를 통해 해당하는 OS에 맞게 다운로드하시면 됩니다. )

아톰을 다운로드 받고, 실행하면 위와 같은 화면을 볼 수 있습니다. 아톰 설치 후 프로젝트의 디렉토리가 될 폴더를 만듭니다

폴더를 만들고, File -> Open...을 통해 해당 폴더를 우리의 프로젝트의 디렉토리로 정합니다.

이제 html 파일을 만들어야 겠죠?

해당 기능을 통해 .html 확장자의 파일을 생성합니다.

해당 파일에 Hello web을 찍어봐요. ( 개발자 숙명 Hello world 부터 시작하는 느낌으로 )

작성한 코드( Hello web 뿐이지만 ) 를 웹브라우저로 실행해보겠습니다.

( 마이크로소프트 엣지 브라우저를 사용하시는분들은 다른 브라우저를 이용하셔야 합니다. )

우선 사용하시는 브라우저를 열고 command o(알파벳)을 눌러줍니다.

( 저는 맥을 사용중이기 때문에 단축키는 command o(알파벳)입니다. 윈도우의 경우 command대신에 ctrl이 되겠습니다. )

작성한 파일을 열어줍니다. 

너무 쉽죠? 

시작이 반이라는 말이 있습니다. html이 그렇습니다. 이제 반은 끝낸 겁니다.

제가 이고잉님의 강의를 들으면서 크게 공감한 부분이 있습니다.

 '여러분의 인생은 태그를 배우기 전과, 후로 나뉠 수 있다' 특히, 블로그를 하는 저로서는 크게 공감 갔습니다.

이제 본격적으로 HTML을 시작해보도록 합시다! ( 다음 포스팅에서 )

참고 동영상 

 - https://www.youtube.com/watch?v=tZooW6PritE&index=1&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb