[코딩야학] 1일차 정리
1일차 진도는 1일차 : 수업소개부터 ~ 실습환경 준비 까지이다.
운영체제 에디터
- 윈도 - 메모장
- 맥 - 텍스트 편집기
- 리눅스 - gedit, nano, vim
강의에서 활용하는 에디터 : github.com에서 만든 Atom(아톰)
프로그램을 다운받을 수 있는 홈페이지 주소 : https://atom.io/
A hackable text editor for the 21st Century
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.
atom.io
각 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 웹브라우저 새로고침
짜란! 내가 적은 글자 그대로 웹브라우저에 출력이 된다.
웹페이지 생성과 웹브라우저 생성 완료!