New 병아리 개발자

# Emmet 에밋 직접설치 방법

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

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

• https://emmet.io/ 접속

• 좌측 항목에서 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 키 등으로 변경하기 위해서는 옆에 화살표를 클릭해서 골라주면 된다.

# Emmet 

• 개발을 편리하게 해주는 필수 소프트웨어.
• div 등 입력 후 tab 입력 시 자동으로 <div></div> 생성해주는 등 개발자의 수고를 덜어주고, 개발에 편의를 제공해준다.

## sts Emmet 설치방법

• 상단 Help 클릭 후 install new software 클릭
• add 클릭 후 아래 항목들 입력
• Name : Emmet
• http://emmet.io/eclipse/updates
• OK, 체크박스 체크 후 인스톨 진행
• install any way 물어보면 ok 클릭
• restart 할꺼냐고 물어보면 restart