Technical Development - Tiveloper.

오늘도 가볍게(?) 인텔리J를 사용해서 Angular-Gulp-Bower 프로젝트를 시작하는 방법을 정리해보도록 하겠습니다. 왜 하필 angular , gulp, bower일까요? 그건,,, 현재 메인으로 하고 있는 작업에서 위 3가지를 사용하고 있기 때문입니다. :-) 우선 위 3가지 중 gulp 및 bower에 대해서 뭐하는 넘들인지만 간략하게 기능만 알아보도록 하겠습니다. Gulp is a javascript task runner that lets you automate tasks such as…Bundling and minifying libraries and stylesheets.Refreshing your browser when you save a file.Quickly running unit ..

참으로 오래간만입니다.그 동안 무진장 바빠서 포스팅을 못했던건 아니었고, 사실 그냥 귀찮았었습니다. ㅎㅎ 오늘은 IntelliJ Idea에서 제공하는 기능 중 Method Extract기능에 대해서 알아보도록 하겠습니다.이 기능 역시 Refactoring기능 중 하나로서 어쩌면 상당히 유용하다고 볼 수 있는 기능입니다. 사용방법을 개략적으로 정리하자면, 아래와 같습니다.1. 추출한 대상이 되는 코드 부분을 드래그로 선택2. Refactor > Extract > Method 메뉴를 선택하거나 또는 마우스 오른쪽 context 메뉴를 통해서 선택3. 옵션창에서 생성될 메소드의 접근 제한자 및 이름을 지정, 그리고 필요시 추가 옵션 선택 우선 기본적인 방법을 알아보도록 하겠습니다. 아래와 같이 기본 코드가 있..

오늘도 가볍게, 진심 큰 도움이 안되는 팁 하나 공유하고자 합니다. 어찌보면 인텔리J만의 독특한 기능도 아니고, 거의 모든 IDE에 포함되어 있는 기능이기도 한, File Template기능에 대해서 소개하고자 합니다. 어쩌면 진심 제목에 충실한 내용이라 할 수 있겠습니다. File Template : 특정 파일을 새로 생성할 때 기본적으로 포함되어질 구성을 만들고, 그 구성이 파일 생성시마다 적용되도록 하는 기능입니다. 설정화면 윈도우 & 리눅스 : File > Settings > File and Code Templates맥 : Preferences > File and Code Templates 설정 화면은 아래와 같습니다. 설정화면에는 총 4개의 탭이 존재합니다. Files : 파일 템플릿의 종류를 ..

간단하지만 아주 유용한 기능 하나 소개하고자 합니다. 디버깅시에 각 함수의 반환값 및 변수의 값을 코드상에서 바로 확인할 수 있도록 해주는 기능입니다. 사실 그다지 좋은 방법은 아니지만, 코드상에서 특정 변수값에 대해서 확인하고자 할 때, 보통 log.debug와 같이 logging framework를 통해서 그 값을 콘솔에서 찍어보는 방법을 많이 쓸꺼라(??) 생각이 듭니다. 예를 들어, 위 이미지에서 처럼 특정 객체의 값 구성을 확인해볼 때, 로그를 찍어볼 수 있습니다.그런데, 굳이 collection객체의 개수라던지 primitive 변수들의 값들을 확인하기 위해서 일일히 log.debug를 사용하는건 어찌보면 낭비가 아닐까 합니다. 그런 수고를 조금이나마 덜 수 있는 방법을 IntelliJ에서는 ..

오늘도 가볍게 Extract Interface라는 리펙토링 관련 기능에 대해서 알아보도록 하겠습니다. 우선 아래와 같이 두개의 클래스(Class A, Class B)가 있고 ClassB에는 상수와 두개의 메소드가 있습니다. 해당 클래스 내에서 마우스 오른쪽 클릭을 통해서 Refactor --> Extract --> Interface를 선택합니다. 선택시 아래와 같은 설정창이 나타납니다. Extract interface from : 인터페이스를 추출할 대상 클래스Extract Interface / Rename original class and use interface where possibleExtract Interface : 인터페이스를 추출하지만 소스코드에 바로 적용하지는 않습니다.Rename orig..

오늘은 Refactoring기능 중 Class 분리(Delegate)에 대해서 알아보고자 합니다. 이 기능은 특정 Class의 길이가 너무 비대해지거나 해당 Class의 기능이 너무 방대해질 때, 이를 세분화시키고자 할 때 유용할 듯 싶어 보입니다. 클래스 추출하기 우선 위와 같이 두개의 Class가 있다고 가정해봅시다. FirstClass에는 변수1개와 메소드 1개가 존재합니다. 이를 따로 클래스를 만들어서 사용하도록 해야 합니다.Refactoring대상이 되는 Class에 커서를 둔 후, Refactor --> Extract --> Delegate을 선택하거나 동일한 메뉴를 마우스오른쪽 버튼으로 클릭하실 수 있습니다. 아래와 같은 창이 나타납니다. Name for new Class : 새로이 생성될 ..

오늘도 이전 포스팅에 연결해서 refactoring 기능에 대해서 적어볼까 합니다.이전 포스팅은 아래 링크에서 확인하실 수 있습니다. 2016/05/10 - [IDE & Apps/IntelliJ Idea] - 깃털보다 가벼운 IntelliJ(인텔리J)팁 5 - Class & Method Signature변경 오늘 알아볼 refactoring 기능은 Static method를 non-static method로 변경하는 기능과 variable encapsulation기능입니다.Static method를 non-static method로 변경하기 우선 위와 같이 3개의 class가 있습니다.MainClass에 문제의 static 메소드가 하나 존재합니다. 해당 메소드를 non-static method로 변경해..

보통 코딩을 하면서 하는 행위 중 copy & paste가 상당부분 차지한다고 생각합니다. 남의 코드를 복사해서 쓰기 때문이 아니라, 특정 블럭의 위치를 변경해야 한다던지 또는 특정 코드 블럭을 삭제해야 할 때 말이죠.. 그런데, 이런 작업이 자주 있다보니 사실 마우스로 일일이 하는것도 보통 노가다가 아니죠. 이러한 이유 때문에 많은 분들이 키보드를 사용해서 코드 블럭을 선택을 하고, 대부분 shift키를 사용해서 선택하는 경우가 많다고 생각합니다. 오늘은 편집과 관련해서 두가지 팁을 소개할까 합니다.단순히 화면 캡처만으로는 설명이 힘들어서 동영상으로 소개하고자 합니다. 동영상으로 소개하기 이전에 화면상에서 어떤 키가 눌렸는지 보여주는 기능이 IntelliJ에 기본으로 있는데 이에 대한 설정은 아래 설정..

오늘은 음....이거 참 한글로 풀어 쓰는게 요상하긴 하지만, 나름 풀이해보자면 "구현체 미리보기" 정도로 할 수 있을 듯 싶네요. 깃털보다 가벼운 관계로 오늘은 깃털만큼 짧게 소개하고 끝낼까 합니다. 우선 위와 같은 Controller가 있다고 할 때, 서비스의 getGroupNotificationReceiver 를 호출해서 값을 받아오겠죠. 그런데, getGroupNotificationReceiver 함수를 직접 열어보는 대신에 미리 좀 보고 싶은 경우가 분명 많이 있을 수 있다고 생각이 드네요. 그럴때 저 함수명에 커서를 댄 후, ⌥Space키를 누르면 아래와 같이 해당 함수의 내용을 보여줍니다. 위 상태에서 바로 엔터를 치면 해당 파일을 열고, 바로 해당 함수로 이동을 합니다. 위 기능은 클래스 ..

오늘은 Intellij Idea의 몇가지 자동 완성 기능에 대해서 소개를 해볼까 합니다. 아마 비슷한 기능을 이미 많은 IDE에서 지원하고 있다고 생각하기에 제목을 "깃털보다 가벼운" 이라고 정했습니다. 1. new instance 자동 완성 솔직히 이 기능을 얼마나 유용할 지 여부에 대해서는 의구심이 들기는 합니다. 개인적으로 인스턴스 생성이 필요할 경우, 보통 선언부(declare)를 먼저 하기 때문에 그런 생각이 듭니다. 우선 아래 그림과 같이 new 키워드로 객체를 생성합니다.그리고 나서 해당 라인에서 그리고 나서 맥 기준 (option + enter)를 치면 아래와 같이 introduce local variable이라고 일종의 알림이 나타납니다. 그 상태에서 엔터를 치면 자동으로 선언부가 완성이..