최근에 나는 프론트쪽을 거의 다루지 않았다. 백엔드쪽에서 프론트에 필요한 API만 만들어서 추가하는 쪽으로 활용했었다. 그래서 툴에 별로 관심을 두지 않아서 Aptna를 이용했었다. 그런데, 운영체제를 자주 밀어버리는 편(우분투를 사용하다보니 이게 일상이다)이라 설치가 가벼운 녀석을 찾았다. 그러다가 우연히 Brackets를 발견했다. 데비안 계열의 운영체제까지 지원한다. 오우.

- 공식사이트: http://brackets.io/

- Github: https://github.com/adobe/brackets

Adobe에서 내놓은 웹플랫폼 개발툴IDE Brackets([])를 소개한다.

모양은 이렇다.

모습도 깔끔하다. node를 기반으로 해서 동작하는 녀석으로 보인다.

현재 36번째 릴리즈버전이 출시되었고, 지속적으로 출시가 될 것으로 보인다. 쓸만한 플러그인들도 많이 제공한다. 


한글화도 잘 되어 있다.

JCO에서 발표했던 REST API에 대한 백엔드를 직접 활용하는 예제를 작성하고 있는 중이다.

실시간 미리보기 기능(현재는 크롬chrome 브라우저에 대해서만 지원)도 지원(Ctrl + Alt + P(review))한다. 코드를 수정 후에 저장하면 바로 브라우저에 갱신신호가 가면서 다시 읽는 것으로 보인다. 아마... 크롬 내부의 API겠지?

태그에서 지정한 class에 대한 CSS 파일도 바로호출이 가능하며,

선택된 class에 적용대상을 미리보기로 호출된 브라우저에 표시도 해준다.

사용자 폴더에 설정파일인 brackets.json 을 수정하여 환경을 설정할 수 있다(지만 귀찮다). 나름 중요한 탭형식과 사이즈 조정은 편집기 오른쪽 하단에 입력하여 설정할 수 있다. 기본은 '스페이스, 크기 4'로 설정되어 있는데, 프론트 쪽에서는 '스페이스 크기 2'를 선호하기에 바꿔봤다. 그러면 brackets.json에 설정내용이 추가된다.


ㅡ_-); 이때 이야기했던 28일되면 VM 인스턴스 내릴거에요.

라고 한 이야기가 거짓말이 되었다. 두둥. AngularJS 공부도 할겸해서 예제를 만들고 있다. 코드만 보여줘서는 의미가 많이 약해질 것이라는 개인적인 욕심이 어울어져 이런 일을 벌이게 되었다. 흠… 지금 예제가 돌고 있는 서버에 CI를 설치해둘까 하는 생각이 들었는데… 문득, OpenShift에서 Jenkins 기어만들고 거기서 빌드하도록 만들면 되겠구나…!! 하는 생각이 든다. ㅎㅎ 돈이 굳었다. ㅡ_-);;

OpenShift에 대해서는 아래내용을 참고하세요.

2014/02/28 - [Java/Tools] - 무료로 쓸만한 통합된 개발환경 시스템 OpenShift(By redhat)를 소개합니다.

프로젝트는… ihoneymon@github.com/rocking-the-rest-api-view를 참고하기 바란다. Yeoman을 활용해서 웹애플리케이션을 초기생성했다.

Yeoman으로 AngularJS 프로젝트 구성하기(http://www.hans.or.kr/2014/02/yeoman-angularjs.html)

위의 내용을 이용해서 초기화를 하고 작업 진행중이다.


깃헙github에서 내놓을 Atom editor(https://atom.io/)이 정식 출시되기 전까지는 쓸만한 녀석으로 보인다.

Atom editor 소개(http://blog.outsider.ne.kr/1035)

Atom editor가 정식 출시가 되면(리눅스도 지원한다면) 바로 옮겨가지 않을까? ㅡ_-)?



+ Recent posts