Emmet 에밋 설치 방법, 사용방법, 단축키 변경

# Emmet 에밋 직접설치 방법

• emmet이란 개발을 도와주는 유용한 도구 중 하나이다.
• 이클립스 등에서 div 입력 후 tab을 입력할 경우 자동으로 <div></div> 등의 태그를 생성해 주는 역할을 한다.

## 직접 링크를 가져다가 설치하는 방법

• https://emmet.io/ 접속

Emmet — the essential toolkit for web-developers

• 좌측 항목에서 download 클릭 후 받고자 하는것에 맞게 클릭 한 뒤 installation에 있는 주소 복사(http://download.emmet.io/eclipse/updates/)
• 복사한 링크를 바탕으로, 이클립스, sts의 경우 상단 Help > Install New Software 에서  work with 우측 add를 클릭하여 Emmet  / 복사한 링크 입력 후 나온 Emmet를 클릭 후 진행을 하면 자동으로 설치가 된다.

• 추가 후 Window > Preferences > Emmet 검색하여 Common Emmet preferences에 ...in files with extensions 맨 우측에 jsp, jspf를 추가해주면 된다.

## 사용방법

• div 등 입력 후 Ctrl + E를 누르면 된다. ( 설치 후 기본적으로 default 또는 Ctrl + E로 설정되어 있다.)

## 단축키 변경

• window > preferences > General > Keys > emmet 검색하여 바꾸고자 하는 항목 선택 후 하단 Binding에 변경하고자 하는 키로 변경해주면 된다.

• Tab 키 등으로 변경하기 위해서는 옆에 화살표를 클릭해서 골라주면 된다.