코딩 배우기 위한 atom editor (아톰 에디터) 설치방법.
오늘은 코딩을 배우기 위한 환경을 구축하기 위해서 꼭 필요한 에디터를 설치하는 방법을 알아보도록 하겠습니다.
프로그래밍을 하기 위해서는 HTML이라는 언어를 사용해야 합니다. 코딩을 하기 위해 필요한 준비물 중 하나가 바로 에디터 입니다. 코드를 작성할 수 있게 하는 편집기를 의미합니다. 오늘 소개할 웹프로그래밍 에디터는 바로 atom 이라는 편집기 입니다.
그럼 먼저 구글 크롬 웹브라우져에 아래의 사진에서 처럼 atom 사이트 주소로 접속 한 이후에 다운로드를 클릭 합니다.
atom 사이트 -> atom.io
인터넷 익스플로워 보다는 구글 크롬 웹브라우져를 사용하시기를 권장드립니다. 가장 먼저 위 사진 처럼 atom.io를 주소창에 입력 합니다.
이후, atom 편집기를 다운로드 합니다.
다운로드가 완료 되면 위 아이콘이 생성됩니다. 한가지 팁을 드리자면 다운로드 시간이 조금 오래 걸립니다. 늦은 새벽시간에 다운로드 하면 시간이 조금 단축되니 새벽시간대를 이용해서 다운로드 해보시기 바랍니다.
다운이 완료 되면 atomsetup-64 라는 설치 아이콘을 더블클릭 하여 실행 시켜줍니다.
설치 첫 화면입니다.
설치가 완료 되면 위와 같은 창이 활성화 됩니다. 기존에 켜져있던 창들을 꺼줍니다.
마지막 소개창까지 꺼주면 이제 웹프로그램을 할 수 있는 상태가 되었습니다.
다음에는 새로운 파일을 생성하여 직접 웹페이지를 제작해보도록 하겠습니다.
왼쪽 위에 파일에 Add Project Folder를 클릭 합니다.
지정된 장소에 폴더를 생성합니다.
생성한 폴더를 선택합니다.
새로 생성한 폴더에 New File을 선택합니다.
하나의 웹페이지가 될 페이지명을 입력 합니다.
hello world를 타이핑 한 후 저장을 눌러줍니다.
aaaa안에 hello world라는 웹페이지가 생성 되었습니다. 하지만 웹페이지가 되지는 않았습니다. 그 이유는 확장자를 지정해주지 않아서 입니다. aaaa.html이라고 .html이라는 확장자 타이핑을 해주시면 됩니다.
다음에는 html로 hello world.라는 웹페이지를 생성하는 방법을 알아 보도록 하겠습니다.
