이클립스 기능 중 Snippets 기능에 대해서 혹시 모르시는 분들을 위해서 간략히 설명드리겠습니다.

잘 사용하는 기능은 아닌 것 같지만, 그래도 자주 쓰는 사람들은 자주 쓰더라구요.

간단히 말하면 자주 쓰는 소스 코드 양식(템플릿)을 저장해놓고 그 때 그 때 갖다 쓰는 건데요.

자동완성 기능이 제공되는 자바보다는 자바스크립트, JSP 페이지에서 활용가능하지 않을까 싶습니다.

이클립스 화면에 우측이나 아래에 Snippets 뷰가 보일텐데요.

만약 뷰가 보이지 않는다면 Window - Show View 메뉴를 통해서 해당 뷰를 오픈해줍니다.

기본적으로 JSP 관련된 코드 양식이 일부 저장이 되어 있는데요.

여기에 저희가 자주 쓰는 양식을 추가해보겠습니다.

JSP 스크립트쪽은 이클립스에서 기본적으로 코드 자동 완성이 되지 않기에 자바보다 코드 작성하는데

어려움이 있기는 합니다.(저만 그런가...)

물론, 이클립스 설정 좀 바꿔주고 관련 플러그인 설치해주면 스크립트도 코드 자동 완성 기능을 활용할 수 있기는 합니다.

임의의 스크립트를 작성해줍니다.

저는 JSP화면에서 빈번하게 사용되는 이벤트 로딩 메서드를 작성하였습니다.

작성한 이벤트 로딩 메서드를 블록으로 지정하였습니다. 그리고 마우스 오른쪽 버튼을 눌러서 나오는 메뉴 중에 Add to Snippets... 를 클릭합니다.

Snippets에 아이템을 최초 등록시에는 만들어진 카테고리가 없으므로 카테고리를 입력하라는 창이 뜹니다. 저는 jQuery라고 입력하였습니다.

다음 화면에서 Name을 입력해줍니다. 저는 이벤트 로딩 메서드 라고 입력하였습니다. 오른쪽 아래 Template이 자동으로 만들어줄 코드 양식이고, 수정이 필요하다면 바로 수정해주고 OK를 눌러줍니다.

그럼 Snippets 뷰 화면에서 방금 만든 카테고리와 항목이 나오는데요.

저는 기존에 제가 작성하였던 이벤트 로딩 메서드 스크립트를 삭제 하였습니다.

그리고 오른쪽에 Snippets 뷰에서 이벤트 로딩 메서드를 클릭 후 커서가 위치한 스크립트 화면으로 드래그 해 놓았습니다. 혹은 드래그 하지 않고, 항목 선택 후 바로 Ctrl + Enter 만 눌러도 됩니다. 혹은 항목 더블클릭만 하셔도 됩니다.

(이클립스에 따라 버그가 좀 있을 수 있는데 항목명을 클릭했는데 카테고리가 닫히는 경우에는 항목옆 앞의 아이콘을 클릭해주세요)

그럼 위처럼 바로 코드가 완성되는게 확인되실꺼에요.

하나 더 만들어보겠습니다.

클릭 이벤트 리스너를 타이핑하고 똑같은 방식으로 블록 지정 후 오른쪽 버튼 눌러서 Add to Snippets...를 클릭해줍니다.

이미 만들어진 카테고리가 디폴트로 선택되어져 있으므로 OK를 눌러주면 되구요. 새로운 카테고리를 만들겠다 싶으시면 jQuery를 지우고 새로운 카테고리명을 입력해주시면 됩니다.

저는 클릭 이벤트 리스너라고 입력해줬습니다.

Snippets 뷰 창에서 정상적으로 적용되었는지 확인하고 테스트해주시면 됩니다.

그리고 저희가 만든 양식 export도 가능하고,남이 만든 양식 import도 가능합니다. 그러니 이클립스가 바뀌어도 기존것을 갖다 쓸 수도 있습니다.

이상으로 간단히 Snippets 기능에 대해서 간단히 알아봤는데요.

실무에서 동일한 패턴의 작업이 많은 경우 잘 활용하면 유용하지 않을까 싶습니다.

스크립트뿐만 아니라 자바에서도 동일한 방법으로 추가 가능하구요. xml 페이지에서는 Add to Snippets 메뉴는 나타나지는 않지만, 이미 만들어진 양식을 갖다쓰는것은 가능하네요.

+ Recent posts