본문 바로가기
Tech Note/Service Stack

프로젝트 환경 [ Taiga + HipChat + BitBucket + SourceTree + Vagrant (NgineX/PHP/MariaDB) + IDE(PHPStorm) ]

by Dev. Jkun 2016. 2. 29.
반응형

이번에 진행중인 프로젝트에 대한 전체적인 인프라 환경을 구축한 히스토리를 포스팅합니다.

한번씩 테스트 해본 경우, 개인적으로는 굉장히 유익한 경험 이었습니다.

초기 스타트업 같은 경우 전반적인 인프라를 구축하면서도, 소요 비용은 항상 고민적인 요소입니다만,

아래 사항에서 PHPStorm 만 제외하고는 비용절감에 큰 효과를 줄 수 있을것 같습니다.


전체적인 구성은 다음과 같습니다.

 프로젝트 관리 (이슈관리 및 태스크 관리)

 Taiga (https://taiga.io/)

 커뮤니케이션

 HipChat (http://hipchat.com/)

 소스코드 관리 도구 및 저장소

 BitBucket (https://bitbucket.org)

 SourceTree (https://www.sourcetreeapp.com/)

 개발환경(VM)

 VirtualBox + Vagrant 

 개발환경 구성

 OS : Ubuntu 14.04 LTS

 NgineX, MariaDB, PHP ( CodeIgniter )

 IDE

 PHPStorm Or EclipsePDT + xDebug

위 목록 링크 에서부터 순서대로 포스팅 되어있습니다.

Taiga

taiga 는 기본적으로 애자일을 근본으로 합니다. 기본적으로 칸반보드와 스크럼을 선택하게 되어있습니다.


하지만 관리기능에서 모듈을 선택하여 백로그, 이슈 등을 추가할 수 있습니다.

해서 프로젝트를 생성하고 나면, 다음과 같이 대시보드 화면으로 진입합니다.


여기서는 User History + Sprint 등 해서 사용이 가능하도록 되어있습니다. 현재는 스크럼 방식이나 ,


위와 같이 칸반보드및 다른 모듈을 추가 (Enable) 할 수 있습니다.

일단은 자세한 기능은 직접 겪어서 사용해보시는 게 좋을 듯 합니다. JIRA 나 Redmine 을 사용하셨던 분들은 더욱 수월히

사용하실 수 있을거라 생각됩니다.^^;;


해서 이렇게 생성된 프로젝트를 기본으로 확장하면서 부터 빛을 발하는것 같습니다.

이제 HipChat, BitBucket 설정을 시작합니다.

(전 개인적으로 인터페이스 슬랙보다는 힙챗이 더 이쁘다고.. ㅎㅎㅎ)



좌측 아이콘 맨 아래 (ADMIN) 을 선택하시면 위와 같은 화면이 활성화 됩니다.

그럼 INTEGRATIONS 에서는 깃허브, 비트버켓 등의 저장소등과 연동하실 수 있으며, PLUGINS 에서는 슬랙이나 힙챗등을

연동하실 수 있습니다.


순서는 무관하나 먼저 힙챗과 연동시키는 순서입니다.


PLUGINS - HIPCHAT

먼저 힙챗에 접속해 계정이 없으면 만드시고, 있으면 로그인 합니다..



그럼 다음과 같이 웹 또는 앱으로 진행하실 수 있도록 초기화면이 나타납니다.



이제 위에 Launch the web app 버튼을 클릭하시면 다음과 같이 메신저 인터페이스로 전환됩니다.



이제부터 스피드한 포스팅으로..^^;;


최초 ROOM 을 개설합니다. ( Create a Room )


채팅룸이 개설한 후에는 힙챗의 Integrations 기능을 이용해야 합니다.

적용 루트는 대시보드와 채팅 인터페이스에서 모두 가능합니다.




이제 Integrations 설정 화면으로 이동하면, 여러 통합기능들을 확인하실 수 있습니다.


하지만 목록중에서 Taiga 는 등록되어있지 않습니다.

해서 Build your own integration 카드를 클릭해 주세요.


그럼 위와 같이 새로 추가되는 화면으로 전환되며, 여기서 적당한 별칭을 지정해주시면 됩니다.

일단은 Taiga 로 등록.. 


이제 다음과 같이 Taiga 와 힙챗이 연동될 수 있도록 포스팅 URL 및 정보가 나타납니다.


이제 위에서 포스팅 URL ( Send messages to this room by posting to this URL ) 을 복사하여,

다시 Taiga 로 이동하여 HipChat webhook url 에 붙여넣고 Save 해 주세요.



그리고 Test 버튼을 클릭하시면! 

이렇게 Taiga 에서 힙챗 채팅룸으로 테스트 메세지를 보낸 것을 확인하실 수 있습니다.

( 어휴~ 포스팅 빡셉니다;;; )


참 HipChat 은 스마트폰 앱으로도 있습니다. 여러모로 참 유용하죠.


이제 이렇게 까지 Taiga 와 HipChat 연동은 되었구요. 이제 추가 테스트로 Task 를 등록하고, 힙챗까지 Task 등록 메세지까지

자동 발송되는것을 확인합니다.





요만하면 지금까지만으로나 꽤나 쓸만하지요? ㅎㅎ

위에 예제에서와 같이 저장소를 등록하고, 소스트리등을 이용하여 소스코드를 Push 하면 위처럼 힙챗 채팅룸으로 메세지가 보내집니다.

그럼 하나의 작업으로 여겨졌던 불필요한 커뮤니케이션 시간도 단축시킬 수 있으며,

작업 히스토리를 더운 간편하게 확인할 수 있겠지요.


이제 저장소 (BitBucket) 을 연결하는게 남았습니다.

하지만 비트버켓에서 계정등록/저장소 생성까지 캡쳐포스팅은 오바에 가까운 생각이 들어서요.

일단은 패스합니다. 이미 구글링이나 아니면, 그냥 계정 생성하보시면 한눈에 아실 수 있을거란 생각이 들기도 합니다.


해서 힙챗과 연동하는것만요.^^;; 



BitBucket 에서 HipChat 연결. Connection HipChat 버튼을 누르면 계정이 연동되도록 힙챗 로그인 페이지로 이동합니다.



HipChat 에서 BitBucket Repository 선택


이제 프로젝트 관리와 저장소와 커뮤니케이션까지의 구성은 완료되었습니다.

Taiga 와 Asana 연동으로 일정관리까지 한눈에 보고 싶었으나 실패했습니다. ㅎㅎㅎ

만일 캘린더및 전체적인 일정까지 한눈에 보실 수 있도록 추가 PlugIn 및 Integration 연동 경험 공유해주시면 진심으로

감사드리겠습니다. ^^


이제 Virtual Box 와 Vagrant 로 Ubuntu 기반 NgineX, MariaDB, PHP ( CodeIgniter ) 환경구성을 포스팅하면,

맨 처음 언급한 전체적인 프로젝트 관리및 개발 환경은 완성 되었지 싶습니다.

추후 포스팅까진 힘들더라도 훌륭하신 개발자님들의 포스팅 링크로 대체할 수 도 있음을 미리.. ㅎㅎㅎㅎㅎ


초기 스타트 업 팀 및 이미 유지되고 있는 조직에서 프로젝트 관리 프로세스 및 개발환경 구성은 매우 중요한 요소라는

생각이 듭니다. 하지만 더욱 이와 맞물리게 더욱 중요하건 기획 과 프로젝트 관리 가 얼마나 정확하게 동기화 되고 있느냐가

핵심적인 요소가 아니지 싶네요. 짧은 식견에 말많은 포스팅이라 민망하네요.

다음은 JIRA 를 열심히 훑어봐서 아틀라시안 풀셋 연동 포스팅 한번 해봐야겠습니다. ㅎㅎㅎ


아;; 힘든 포스팅이었습니다. 댓글 부탁합니다. ㅎㅎㅎㅎㅎㅎㅎㅎㅎ


반응형

댓글