Categories: 미분류

아톰(atom) 웹개발 에디터 다운로드와 플러그인 패키지 emmet 설치방법

저는 요즘 html과 css 공부를 하고 있는 중인데요. html문서는 윈도우에 기본 포함되어 있는 메모장으로도 만들 수 있습니다. 그러나 태그를 열고 닫는데 있어서 빠드리는것들도 있고 반복적으로 써야하는 내용들도 많이 있어서 내가 태그를 열면 프로그램이 알아서 닫아주면 좋겠다라는 생각을 많이 합니다. 그런데 좋은 웹개발도구 프로그램들은 그런 기능들을 지원하고 있었네요.
제가 설치한 웹개발 에디터는 아톰(atom)입니다. 무료프로그램이니 누구나 다 사용하실 수 있는데요. 아톰 홈페이지(atom.io)에 접속 후 화면에 보이는 Download Windows 64-bit Installer 버튼을 클릭하면 실행파일을 다운받을 수 있습니다. 다 받으면 설치를 시작하면 되죠.

아톰 패키지 플러그인 에밋(emmet) 설치하는 방법

에밋을 설치하면 내가 html만 입력하고 엔터를 쳐도 태그를 열고 닫는 것까지 자동으로 해줍니다. 그외 여러 태그들도 마찬가지고요. 그래서 저도 에밋을 설치했는데 그 방법을 모르는 분들이 많은 것 같아서 적어보려고 합니다.

  1. 아톰(atom) 실행
  2. file-settings 선택(맥MAC에서는 Preference)
  3. 왼쪽 메뉴에서 Install 선택
  4. Package 검색하는 곳에서 emmet 검색
  5. 검색 후 나오는 목록에서 Install 클릭

에밋 사용방법은 간단합니다. 더 많은 기능도 있겠지만 태그이름을 입력하고 엔터를 쳐보시면 됩니다. 혹시나 html을 쓰고 엔터를 쳤는데 아무 변화가 없다면 아톰을 껏다가 재실행해보시면 될 것입니다.

DDable

Recent Posts

251001 주짓수 첫 부상

부상은 지난주 금요일인 9월25일이었다. 오른쪽 갈비뼈 아래가 아프고 이제 거의 일주일째인데 아직도 아프다. 가만히 있을때…

3일 ago

250925 탁구와 주짓수 근황

요즘 2가지 운동을 병행중이다 탁구를 시작한지 3개월됐고, 주짓수를 시작한지 한달이 다 되어 간다. 하나에 집중하면…

1주 ago

250904 주짓수 처음으로 참여

처음으로 도복을 입고 띠를 메고 매트에 올라가 참여했다. 기본체조를 하고나서 사람들은 기본동작들을 차례로 돌아가며 하는데…

4주 ago

챗GPT 그래프 차트가 한글깨짐으로 빈 네모가 나올때 해결방법

챗gpt를 사용중인데 차트를 그려달라고 하면 꼭 한글이 깨져서 제목, 범례 등이 빈 네모로 나올때가 많다.…

4주 ago

250908 주짓수 둘째날

이제 둘째날이다. 원래 5일 금요일에 갔어야했지만 금요일이라 탁구를 쳐야했다. 첫째날에 새우빼기를 해서 그런가 어깨에 멍도…

4주 ago

250903 쥬브젠 해버렸다

피부과에서 9회코스로 하던거 끝나니 바로 상담 들어왔고 팔자주름 때문에 쥬브젠 권하길래 바로 해버렸음ㅋㅋㅋ 근데 알고보니…

1개월 ago