UIT개발실은 어떤 개발환경에서 일하는가

Posted by in Environment

장인은 도구를 탓하지 않는다지만 더 좋은 도구와 장인이 만나면 어떨까요개인적으로는 업계 분들을 만나면 이렇게 잘 물어봅니다. 어떤 프로그램 쓰세요?
UIT개발실의 개발환경을 한번 알아봤습니다!

1. 소프트웨어

어떤 에디터 쓰세요?

능력자분들은 어떤 에디터(또는 IDE)를 쓰는지가 제일 궁금합니다.
에디터/IDE 부문의 1위는 최근 프론트엔드 도구 중 가장 각광받고 있는 웹스톰입니다.
심플하고 강력한 서브라임 텍스트 2, 국산 에디터인 에디트 플러스 3위 입니다.

그 뒤로는 vim을 쓰는 매니아 분들도 계시구요. 웹스톰과 형제인 intellij와 은둔고수 드림위버,
무료 에디터 노트패드++, IDE의 고전 이클립스, 마이크로소프트의 비주얼 스튜디오까지 사용하고 계시네요.

에디터들은 각자의 장단점이 있습니다만 좋은 점을 잘 골라서 쓰는게 중요한것 같습니다.
메인 에디터는 보통 1~2개로 응답주셨는데 4개까지 사용하시는 분도 있었습니다.

 

브라우저는 뭐쓰세요?

최근에는 브라우저의 인지도가 많이 바뀌어가고 있는 듯 합니다.
익스플로러만 쓰시던 분들도 크롬에 대해서 많이 알게 됐고
맥북과 아이폰의 사용자 증가로 사파리의 영향력도 커졌습니다.

웹개발 분야에서는 과거 firebug 확장기능와 함께 위상이 높았던 불여우
크롬의 발전과 개발자 도구의 힘으로 선두 자리에서 밀려났습니다.
애증의 익스플로러는 여전히 인기(?)를 유지하고 있습니다.

물론 크로스 브라우징이 빠질순 없으니 마지막엔 모두 만나보게 됩니다.
개인적으로 만나고 싶지 않은 브라우저도 있긴 하지만요.:)

크롬 1, 익스플로러 2파이어폭스 3,  사파리 4

 

다른 프로그램은…?

에디터와 브라우저 외에도 많은 툴들이 업무를 도와주고 있는데요~
최근에는 버전관리나 가상화 도구가 거의 기본적으로 사용되고 있습니다.

버전관리 도구인 SourceTree/CornerStone(OSX),
다양한 환경을 테스트하기 위한 가상화 도구 VMware/Parallels/VirtualBox,
수정 작업에 필수 웹디버거 Fiddler/Charles(OSX),
각종 모바일기기를 먼저 테스트 해볼 있는 GenyMotion/iOS 시뮬레이터/Adobe Edge,
터미널 환경에 힘을 더해주는 Zsh/iTerm,
픽셀조정을 위한 유틸리티 Ruler/Pixel Perfect(OSX) 등이 있었습니다.

운영체제의 차이만 있을뿐 비슷한 역할을 하는 도구들이 있어 작업의 요구사항을 알 수 있네요.

 

기타 의견 (소중한 1표)

putty / alfred / IA writer / pixate / squel pro / robomongo / MySQLWorkbench / SNA / pickpick
PNG 옵티마이저 / xScope / codekit / coda2 / phpstorm / duet display / filezilla
네이버 포토뷰어 / 계산기 / 소리바다

 

2. 하드웨어

불과 몇년전만 해도 사무실에선 윈도PC만 찾아볼 수 있었는데
최근에는 아이맥에 개인 맥북들까지 개발자분들의 요구도 다양해진것 같습니다.

유려한 아이맥이 38%, 익숙한 윈도PC 38% 로 동일하게 결과가 나왔고
맥북프로 또한 19%나 사용하고 있습니다.

그 밖에 필수 주변기기로 듀얼모니터 60%로 많은 분들이 필요로 하셨고
19%의 마우스/편한 의자를 제치고 23%의 키보드가 2위입니다.
개발자분들 중에는 기계식 키보드 매니아 분들도 꽤 계시죠.

  • 선호하는 키보드 : 리얼포스 / 필코 / 맥무선 / 아이락스 / 레오폴드 / 델 비지니스
  • 선호하는  마우스 : 애플 / 펜 타블렛 / 로지텍 / 트랙볼 / 트랙패드
기타의견 (소중한 1표)

나뭇잎 캐노피 (책상 가리개)

 

3. 사이트/서비스/앱

구글검색 36%, 에버노트 21%, 사내 위키 17%

소프트웨어/하드웨어를 제외하고 기본적으로 많이 활용되는 웹사이트/서비스들을 알아봤습니다.
PC에서 모바일까지 멀티플랫폼의 서비스들이 잔뜩 나와있어서 업무의 효율을 극대화 하고 있습니다.
누구나 다 쓰는 웹서비스와 사내 전용 서비스들 모두 특별한 역할들을 해내고 있습니다.

기술적인 검색을 위한 구글검색 36%, 메모앱의 대부 에버노트 21%,
그리고 이슈들을 공개하고 공유하는 사내 위키 17%로 순위권입니다.
그밖에도 사내 임시이미지 생성기, OSX 기본 메모 앱, github 등이 있습니다.

그밖의 서비스들

stackoverflow / w3cschool / youtube / rainymood / Pinterest / Facebook (developers)
Smashing Magazine / A List Apart / UX Magazine / nCloud / bitbucket / 개인블로그 / csslint
PXtoEM / uid works / reset code / glify / Office Drive / OmniFocus

 

4. 도서

프로깃, 자바스크립트를 깨우치다, HTML/CSS 코딩 컨벤션

웹에도 좋은 자료들이 많지만 잘 정리된 책 한권이 큰 도움이 될때가 있죠.
개인적으로는 입문할때는 기초을 잡아줄만한 책을 2~3권 읽어보고,
부족한 부분은 웹에서 알아가면 좋다고 생각합니다.

무료 PDF 나와있음에도 많은 분들이 사서 보시는 git 정석 <Pro-git>
역시 대세는 자바스크립트일까요? 입문서들 중 가장 많은 사랑을 받고 있는 <자바스크립트를 깨우치다>
예제 코드가 많고 쉽게 진행이 된다고 하니 인기가 많을만 하네요.
사내 필수 참고서인 <HTML/CSS 코딩컨벤션> 3위입니다. 컨벤션은 널리사이트에 PDF로 공개돼 있기도 합니다.
http://nuli.navercorp.com/sharing/fe/coding

그 밖의 추천받은  도서

에릭마이어의 css 노하우 / THE BOOK OF CSS3 / 웹표준교과서
웹 사이트 최적화 기법 / 웹접근성 프로젝트  시작하기 / 서비스 글쓰기의 모든것
자바스크립트 닌자비급 / 인사이드 자바스크립트 / 자바스크립트 핵심가이드 / 자바스크립트 완벽 가이드
분산 버전 컨트롤 Git 사용설명서 / DDD / 구현 패턴 / Node.js 프로그래밍
클린코드 / 소프트웨어 개발의 지혜 / 실용주의프로그래머 / 헤드퍼스트PMP
글로벌 소프트웨어를 말하다 / 좋은 코딩 나쁜 코딩 / 객체지향적으로 생각해라
데일카네기 인간관계론 / 그림 속의 강아지

 

5. 기타

커피, 선풍기, 간식, 핫팩

아침에 마시는 커피 한잔이 하루의 활력이 되고, 오후에 달달한 간식도 빠질 수 없죠.
아직 겨울의 흔적이 남아있어서 따뜻한 핫팩과 담요도 가끔 눈에 띄네요.
주로 쾌적한 환경을 만들기 위한 제품들이 대부분을 차지하고 있습니다.

기분이 좋아야 일도 더 잘 되는 법!

기타 의견

스마트폰 / 심즈프리플레이 / 휴양시설신청 / 흡연 / 아무도 없는 사무실 / 간간히 술자리
바이크 매물보기 / 회사 조식 / 발판 / 허리쿠션
탄산음료 / 물 / 비타500 / 텀블러 / 스탠드 / 가습기 / 핸드로션 / 수다

 

같은 업무를 하는 환경에서도 좋은 도구들은 자연스럽게 많이 사용되고
또 몇몇의 개성있는 도구들과 의견도 눈에 띄였는데요.
개발환경에서도 개인의 취향이라는게 묻어나는 것 같습니다.

각자 입맛에 맞는, 제 손에 제일 익숙한 도구가 최고의 도구인 법이죠.
이 글을 보시는 분들은 어떤 프로그램 쓰세요?

翻訳:ジョウン「apes0123@gmail.com」
名人は道具に頼らないと言いますが言い道具と名人があったらどんな感じでしょうか個人的には同じ仕事をしている人に会うとこう聞きます。どんなツールを使いますか?
韓国のNHN Technology ServicesのUIT開発室のフロントエンド開発環境についてしらべました。

ソフトウェア

どんなエディタを使いますか?

能力者のみんなさんはどんなエディタ(またはIDE)を使うかが一番の質問です。
エディタ部分の1位は最近一番人気のウェブストームです。
シンプルで協力なサブライムテキストが2位、韓国の会社で開発したエディットプラスが3位です。

続いてはvimを使かっているマニアの方もいます。ウェブストームと兄弟であるintellijやドリームウェバー、無料エディタであるノートパッド++、IDEの個展イクリプス、マイクロソフトのヴィジュアルスタジオも使ってます。

各エディタのいい点も悪い点もありますがいい点をよく選んでから使うのが大事だそうです。
メインエディタは普通1〜2個だったが4個まで使ってる方もいました。

どんなブラウザを使ってますか?

最近になってはブラウザの認知度が大きく変わっていきます。
IEばかり使ってた方もクロームにもよく知ってるしMacBookやiPhoneを使うユーザーが増えサファリの影響力も強がっていきます。ウェブ開発に関しては過去firebugと一緒に人気だったfirefoxがクロームの発展と開発者道具の力で先頭から降りることになりました。愛憎のIEも相変わらず人気を持ってます。

もちろんクロースブラウジングをしないといけないから最後は全部あいます。
個人的には嫌なブラウザもありますが、:)

1位、クローム
2位、Internet Exprorer
3位、firefox
4位、サファリ

または?

エディタとブラウザ以外にもいろんなツールが開発を応援しています。
最近はバージョン管理や仮想化道具を基本的に使ってます。ㅓㄴ여
バージョン管理システムのgitをGUIで使う時役にたつSourceTree、
同じくgitじゃなくsvnを使う時役にたつCornerStone(OSX)、
いろんな環境に対してテスートするための仮想化道具であるVMWare,Parallels,VirtualBoxなど、
コードを修正する時必要なFiddlerやCharles(OSX)、
いろいろなモバイル環境でテストするためのGenyMotion/iOSやシミュレーターのAdobe Edge、
ターミナルをもっとよく使うためのZsh,iTerm、
ピクセルのディテールを見る時に使うRuler,Pixel Perfect(OSX)などがありました。

OSの違いはありますが同じ役割の道具があって作業の要求思考を知ることができます。

Etc

putty / alfred / IA writer / pixate / squel pro / robomongo / MySQLWorkbench / SNA / pickpick
PNG 옵티마이저 / xScope / codekit / coda2 / phpstorm / duet display / filezilla
네이버 포토뷰어 / 계산기 / 소리바다

ハードウェア

わずか数年前にもオフィスではウィンドウズPCを主力に使っている方が多かったんですが、
最近はiMacに個人MacBookまで開発環境も別れたそうです。

iMacが38%、ウィンドウズが38%で同じ結果、
その上にMacBook Proも19%の方が使ってました。

他にはでデュアルモニターが60%、マウス及びいすが19%、キボードが23%ですね。
デベロッパーの中には機械式キボードマニアの方もおおいだそうです。

  • 好みのキボード : リアルフォース / フィルコ / MacBookの基本キボード / アイラックス / レオフォルド / デルビジネス
  • 好みのマウス : アップル / ペンタブレット / ロジテク / トラックボール / トラックパッド

ETC

キャボピ

サイト・サービス・アプリ

구글검색 36%, 에버노트 21%, 사내 위키 17%PCからモバイルまでマルティプラフォムのサビすがいっぱいです。
誰でも使ってるウェブサービスと社内専用サービスが全部特別な役割をしてます。
検索サイトーのグーグル検索が36%、evernoteが21%、
いろいろな情報を公開し共有する社内ウィキが17%です。
他にも社内臨時イメージクリエイター、OSX基本メーもアプリ、githubがありばした。

ETC

stackoverflow / w3cschool / youtube / rainymood / Pinterest / Facebook (developers)
Smashing Magazine / A List Apart / UX Magazine / nCloud / bitbucket / 개인블로그 / csslint
PXtoEM / uid works / reset code / glify / Office Drive / OmniFocus

図書

프로깃, 자바스크립트를 깨우치다, HTML/CSS 코딩 컨벤션ウェブに公開されているいい資料も多いですが、よく片付いている本一本が役に立つ時があります。
個人的には入門する時基礎を立ててくれる本を2−3本読んでから、
足りない部分はウェブで知った方がいいと思います。

無料PDFも公開されてますが買って読むgitとまとめ本pro-gitが1位、
JavaScript入門書の中でも最も最愛の”開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質”がありました。
例コードが多くて優しく進めるっていうから人気は当然なものです。

社内必修参考書のHTML/CSSコディグコンベンションが3位でした。
コンベションはNULIに公開されてます。
コディグコンベンション「韓国語」

ETC

Smashing Css: Professional Techniques for Modern Layout ・ THE BOOK OF CSS3 ・ Web標準の教科書
High Performance Web Sites ・ JavaScript Ninjaの極意 ライブラリ開発のための知識とコーディング
JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス ・ JavaScript: The Definitive GuideClean Code
アジャイルソフトウェア達人の技

ETC

커피, 선풍기, 간식, 핫팩

朝のコーヒーが1日の活力になり、午後の甘いお菓子も外れない。
まだ冬から冷めなく暖かいホットパックや毛布も目立ちます。
快適な環境を作るためのものが目立ちます。

気分がよければ仕事もうまくできる!

ETC

スマフォン・シムズプリプレイ・強啓施設申請・喫煙・誰もいないオフィス・たまの酒
バイク・会社の朝食・足場・腰のクション
炭酸飲み物・水・ビタミン・タンブラー・スタンド・加湿器・ハンドローション・おしゃべり

同じ仕事をする環境でもいいものは自然と使われ、
またいろいろな個性ある道具や意見も目立ちました。
開発の環境にも個人の好みが出るようです。

手に慣れている道具がいちばんですね。

この文書を読んでいる皆さんはどんな道具をつかいますか?