[코딩야학] 1일차 정리

1일차 진도는 1일차 : 수업소개부터 ~ 실습환경 준비 까지이다.

 

운영체제 에디터

• 윈도 - 메모장
• 맥 - 텍스트 편집기
• 리눅스 - gedit, nano, vim

강의에서 활용하는 에디터 : github.com에서 만든 Atom(아톰)

 

프로그램을 다운받을 수 있는 홈페이지 주소 : https://atom.io/

A hackable text editor for the 21st Century

각 OS에 맞게 다운로드 받으면 된다.

 

다운받아서 에디터를 실행하면 아래처럼 검은색 창이 뜬다.

 

1. 연습할 디렉터리를 만든다.

바탕화면에 연습할 디렉터리를 생성한 후 File -> Open Folder -> 디렉터리 선택 -> 열기

왼쪽 화면과 같이 Project 하단에 디렉터리가 열린 것을 확인 할 수 있고, 여기서 디렉터리 및 파일을 관리 할 수 있다.

 

2. 다음으로 파일을 만든다. 

File -> New File OR Project -> Web 폴더 -> 마우스 오른쪽 클릭 -> New File

웹페이지를 만들기위해 확장자가 .HTML 인 1.HTML 파일을 만들어준다.(파일명이 1)

파일 생성

3. 만든 파일의 웹브라우저를 연다.

1.html을 웹브라우저로 여는 방법은 웹브라우저에서 아래와 같은 단축키를 눌러 파일을 선택하거나

해당 폴더로 들어가서 파일을 더블클릭한다.

• 윈도우 : Ctrl + O(알파벳)
• 맥 : Cmd + O(알파벳)

하얀 배경의 웹브라우저가 열린다.

4. Atom에서 웹브라우저에 표현하고 싶은 글자를 작성한 후 저장한다.

--> 1.HTML 웹브라우저 새로고침

 

짜란! 내가 적은 글자 그대로 웹브라우저에 출력이 된다.

 

웹페이지 생성과 웹브라우저 생성 완료!