웹 서비스 공부를 위해 2가지 도구를 내 컴퓨터에 설치해야 한다.
첫째는 서버 컴퓨터시스템을 만들기 위해 Apache 웹서버, PHP 엔진, MySQL 데이터베이스 이 세가지 서버측 소프트웨어를 설치하고,
둘째는 HTML, CSS, JavaScript, PHP의 코딩을 능률적으로 하기 위한 텍스트 에디터(Text Editor)라는 도구가 필요하다.
이 포스팅에서는 능률적인 코딩 작업을 위한 텍스트 에디터에 대해 알아 본다.
텍스트 에디터로 유명한 것은 서브라임텍스트(sublime text), 브라켓(bracket), 아톰(Atom) 등이 있다.
여기서는 Github에서 만든 Atom 에디터를 다운로드와 간단 사용법에 대하여 기술 한다.
Atom 다운로드와 간단 사용법
2. 프로젝트 폴더 추가 및 제거
(1) 추가 : file > Add Project Folder
(2) 제거 : 해당 프로젝트 폴더에서 우클릭하고 Remove Project Folder를 선택
3. 프로젝트 폴더에서 파일 만들기
(1) 해당 프로젝트 폴더에서 우클릭하고 New File 을 선택.
(2) 파일이름과 파일확장자를 입력(예 : exercise.html)
4. emmet 패키지 설치하기(코드 입력을 손쉽게 해주는 패키지)
(1) file > settings
(2) install을 클릭하고 검색창에 "emmet"입력하고 엔터를 친 후, 검색된 emmet 패키지를 설치
(3) emmet 간단 사용법
a를 입력하고 tab키를 누른다.
li * 3을 입력하고 tab키를 누른다.
5. Atom에 관한 모든 정보(사용법, 단축키 등)는 Command Palette(단축키 : Ctrl + Shift + P)를 통해 검색할 수 있다.
