Wizard Factory: WebStorm에서 변수, 함수 추가 단축키 사용하기.

Extract -> Variable

지정된 부분을 변수에 추가하는 기능이다.

case 1) require부분에 변수로 빠르게 넣기.


require("assert")|

위와 같이 require부분까지만 넣고, alt+cmd+v를 하면 var assert 그리고 ;까지 추가해준다.

case 2) url이나, 특정 string을 변수로 변환하기.


$http.get("http://localhost:3000").success(function(products) {
});

위의 코드에서 url를 선택하여 alt+cmd+v를 하면 아래와 같이 수정된다.

위와 같이 var key = “http://localhost:3000″;이 상위라인에 생성되고, 본래 위치는 변수로 대처된다. 여기서 변수명을 수정하면 위의 라인 정의된 변수 명도 같이 변경된다.

새로 만들어진 변수를 함수 시작부분으로 옮기는 것은 직접 해야 하는듯하다.

특정 코드 부분을 Method로 빼는 경우에 유용하다.

위와 같이 Method로 빼고자 하는 부분을 선택하고, alt+cmd+m을 한다.

그러면 위와 같이 method scope를 지정하는 팝업창이 뜬다.

원하는 scope를 지정하면 함수명을 변경하고, parameter를 설정하는 창이 나온다.

함수명과 parameter를 설정하면 위와 같이 함수로 분리된 코드를 볼 수 있다.

from WordPress http://ift.tt/1Kw170E