텍스터 에디터
프로그래밍을 위한 코드를 작성하기 위해서는 텍스트 에디터가 필요하다. 물론 메모장을 이용할 수 있지만, 프로그래밍의 생산성을 위해 고안된 것이 텍스트 에디터라고 볼수 있다. 웹 어플리케이션 개발은 컴파일이 따로 필요 없기 때문에 텍스트 에디터로도 충분하다.
그 중 아톰(Atom)은 Github에서 만든 에디터로 다양한 프로그래밍 언어의 편집기로 사용할 수 있다. 그리고 무료이고 플러그인으로 기능을 쉽게 확장할 수 있다.
그 외 다양한 텍스트 에디어가 있다.
sublime Text , visua studio code, expresso 등이 있지만 Atom에 대해서 설명하고자 한다.
설치
https://atom.io 에 가서 프로그램을 다운로드 받고 설치를 진행한다.
Package 설치
상단 메뉴에서 File > Setting을 누르면 패키지를 설치할 수 있는 화면이 보인다.
추천 Package
atom-beautify : 소스코드 정렬을 시켜준다. ( 단축키 : Ctrl + Alt + B )
atom-html-templates : 태그들을 기본틀을 잡아주는 패키지 html만 쳐도 html기본 폼을 만들어준다.
color-picker : 색상을 선택하여 코드에 적용할 수 있다. ( 단축기 : Ctrl + Alt + C )
atom-live-server : 자체 서버와 같은 기능으로 사용할 수 있다.
emmet : html, css등을 작성할때, 시간을 단축시켜주는 확장기능
" div>ul>li => Ctrl+e "
<div> <ul> <li> </li> </ul> </div>