개발에 도움이 되는 웹 사이트와 도구들 - 생활코딩

개발에 도움이 되는 웹사이트와 도구들

EGOING LEE·THURSDAY, MAY 31, 2012

함께 만드는 북마크 입니다. 혼자서 북마크 관리하기 힘드시죠? 같이 관리하면 편리합니다. 누구나 내용을 추가하고 수정할 수 있습니다.

정규표현식

• • http://www.regexr.com/ - 정규표현식을 테스트하고 다른 사람이 만든 표현식을 사용할 수 있는 서비스

  • http://www.txt2re.com/ - 정규표현식의 패턴을 추천해주는 서비스

  • http://www.regexper.com/ - 정규표현식을 시각화해주는 서비스

  • http://www.gethifi.com/tools/regex

개발 참고 문서

• • http://html5ref.clearboth.org/ - HTML5 한글 레퍼런스 (by clearboth)

  • http://docs.oracle.com/javase/7/docs/api/ - Java Reference (English / jdk1.7)

  • http://docs.xrath.com/java/se/6/docs/ko/api/index.html - Java Reference (Korean / jdk1.6)

  • https://code.google.com/p/golang-korea/ - Go 언어 관련자료 한국어 번역 프로젝트

  • http://go-lang.cat-v.org/ - Go 언어 관련 자료 모음

  • http://jan.newmarch.name/go/ - Go 언어 네트워크 프로그래밍 튜토리얼

  • http://www.html5rocks.com/ko/ - HTML5Rocks 한글 버전

  • http://maczniak.github.io/bootstrap/ - Bootstarp 한글 메뉴얼

교육/강좌

• • http://www.soen.kr/ - C/C++ 강좌, Win32 API 강좌

  • http://www.gamecodi.com/board/zboard-id-GAMECODI_Tip.htm - 게임 개발 관련 강좌, 커뮤니티

  • http://learnxinyminutes.com/ - 중/고급자가 쉽게 언어 문법 및 사용례를 훑어볼 수 있는 오픈소스 프로젝트

위지윅 개발도구

• • http://www.codiqa.com mobile의 UI를 라이브로 기획/개발할 수 있게 도와주는 위지윅도구

  • http://playground.webflow.com/

  • https://www.nitrous.io/ - 웹기반의 IDE

네트워크

• • http://online-domain-tools.com/ - 도메인과 네트워크에 대한 다양한 웹기반의 에플리케이션을 제공

  • http://zeromq.org/ - 고성능, 경량, 동기화된 큐를 제공하는 소켓 라이브러리 -> PUB/SUB, REQ/REP, PUSH/PULL 등의 독자적인 소켓 타입을 제공함. (기본적으로 tcp 지원, IPC도 지원)

  • http://checkdnskr.appspot.com/ - 특정 도메인의 IP에 대한 한국내 네임서버의 상황을 파악하는데 도움을 주는 서비스

  • https://www.whatsmydns.net/ - 특정 도메인의 IP에 대한 전세계 네임서버의 상황을 파악하는데 도움을 주는 서비스

  • http://online-domain-tools.com/ - 각종 도메인에 대한 온라인 도구를 제공

라이센스

• • http://www.olis.or.kr/ossw/license/license/list.do 오픈소스 라이센스 한글화한 문서

개발기획도구

• • https://cacoo.com/

  • http://pencil.evolus.vn/en-US/Home.aspx 파이어폭스 addon기반의 무료/오픈소스 기획도구

  • http://yuml.me/diagram/nofunky/class/draw 다이어그램을 온라인에서 만들어주는 서비스

  • http://www.exploratree.org.uk/ 마인드매핑을 넘어서 다이어그램 그리기 도구로도 사용할 수 있는 재미있는 서비스

  • http://troy.labs.daum.net/ 다음에서 만든 반응형 웹 페이지 테스트 도구

  • http://ondras.zarovi.cz/sql/demo/ - 웹기반의 데이터베이스 모델링 도구

  • http://dev.naver.com/projects/dstudio 웹기획서 작성과 프로토타이핑을 지원하는 윈도우즈 어플리케이션

  • http://balsamiq.com/ 제작하기전 UI를 목업해 볼 수 있는 도구 예제에 들어갈 그림을 그리는데 에도 유용

모바일(안드로이드)

• • http://www.appinventorblocks.com/ 드래그 앤 드롭으로 앱 개발

  • http://appinventor.mit.edu/explore/

  • http://www.mbizmaker.com/ups/mbizmaker/index.html - 드래그 앤 드롭으로 앱 개발, 한국에서 개발중

  • http://developer.android.com/sdk/installing/studio.html

  • 웹사이트를 앱으로 만들어주는 서비스 - http://www.appsgeyser.com/ (테스트 못해봤습니다)

게임개발

• • http://gamesalad.com/ 게임 셀러드

프로젝트 관리 & 코드 공유

• • http://github.com

  • http://code.google.com

  • https://bitbucket.org/

  • http://gitlab.com/ - gitlab의 설치형 버전

프로젝트 관리 및 코드 공유 (교육사이트)

• • http://learnbranch.urigit.com/ Git 브렌치 배우기

  • http://try.github.io/levels/1/challenges/1 Code School - tryGit

  • http://rogerdudler.github.io/git-guide/index.ko.html Git 간편 안내서

협업 관련 스케쥴링/이슈 관리 도구

• • http://trello.com/ - 카드 및 리스트 기반의 간단한 협업 스케쥴 관리 도구

디자인 개발 도구

• • http://www.davincisdk.com/ - DaVinci Animator 기존 Flash를 대체하는 웹기반 애니메이션 저작도구

  • http://witstudio.net GUI 가이드를 만드는 포토샵용 디자인 도구

코드 테스트 & 공유 도구

• • http://ideone.com/ - 다양한 언어를 지원 (해설 : http://goo.gl/uGtgMP)

  • http://fiddlesalad.com/ - 다양한 언어를 지원

  • http://www.compileonline.com/ - 거의 대부분의 언어를 지원

  • http://jsbin.com/ - - HTML,CSS,JavaScript 지원

  • http://jsfiddle.net/ - HTML,CSS,JavaScript 지원

  • http://codepen.io/ - HTML,CSS,JavaScript 지원

  • http://www.dotnetfiddle.net/ - .net 언어 지원

  • http://codepad.org/ - 코드 공유

  • http://pastebin.com/ - 코드 공유

  • https://gist.github.com/ - 코드 공유

  • https://code.google.com/p/mongoose/ - 단일파일 초경량 웹서버 Windows, MacOS, Linux 지원 (lua, sqlite, ssl, php, 워드프레스 지원)

  • http://www.mockaroo.com/ - 데이터베이스의 가짜 정보를 생성해준다.

웹기반의 IDE && 클라우드 통합

• • https://c9.io/ - 웹기반의 IDE

  • nitrous.io - 웹기반의 IDE

  • https://www.goorm.io/

  • https://github.com/hangum/TadpoleForDBTools/wiki - Tadpole DB Hub

  • https://codio.com/

개발관련 북마크

• • http://www.thetoolbox.cc/

모조텍스트 생성도구

• • http://cupcakeipsum.com

  • http://hangul.thefron.me/

개발자 블로그 & 미디어

• • http://dna.daum.net/lens/ - 다음 랜즈로 개발자 블로그/미디어의 신규글들

  • http://www.bloter.net/

  • http://www.zdnet.co.kr/

  • http://www.etnews.com/

  • http://d2.naver.com/

  • https://blog.weirdx.io/ - ㅇㅁ 이상한모임 - 개발자들의 블로그를 모아서 보여주는 페이지

  • http://html5rocksko.blogspot.kr/ - HTML5Rocks 한글화 및 업데이트 소식 공유 블로그

개발자 지원

• • https://bizspark.microsoft.com// - MS의 벤처지원 프로그램으로 일정조건을 만족하는 벤처기업에게 삼년간 MS의 (거의) 모든 소프트웨어를 무료로 사용할 수 있게 해준다.

퍼포먼스 튜닝

• • https://chrome.google.com/webstore/detail/pagespeed-insights-with-p/lanlbpjbalfkflkhegagflkgcfklnbnh - PageSpeed Insights (with PNaCl)

  • google page speed online - 특별한 도구를 설치하지 않고 온라인에서 웹사이트의 퍼포먼스를 측정해주는 도구 https://developers.google.com/speed/pagespeed/insights/

  • ngrinder - http://www.nhnopensource.org/ngrinder/

  • http://jsperf.com/browse - JavaScript의 퍼포먼스를 최적화하는 방법을 알려준다.

  • Percona - https://tools.percona.com/ mysql의 설정과 쿼리 튜닝을 도와주는 웹서비스를 제공, 그 외에 다양한 데이터 베이스 서포트 도구를 제공

그래픽

• • pixlr.com - 일종의 온라인 포토샵 - http://pixlr.com/

  • inkscape - 일러스트레이터에 대응하는 백터 그래픽 도구 - http://inkscape.org/download/?lang=en 어도브 일러스트레이터와 같이 백터를 그래픽을 핸들링 할 수 있는 오픈소스/무료 에플리케이션 잉크스페이스 입니다.

  • https://www.iconfinder.com/

서버

• • http://www.checktls.com/ 보안메일 기능 확인 (메일 서버 통신 로그 제공)

  • https://www.ssllabs.com/ssltest/ 도메인 SSL 인증서 취약점, 호환성 확인 (do not show ... 체크박스를 체크할 경우 최근 검사 목록에 표시되지 않음)

  • https://www.netsparker.com/ XSS, SSRF 등 종합적 보안 점검 툴

  • https://labs.securitycompass.com/exploit-me/

  • https://code.google.com/p/apachetop/ - 웹서버(아파치)의 현재 상황을 편리하게 모니터링 할 수 있는 도구

  • https://www.opsgenie.com - 이메일, 문자, 전화등으로 알림을 전달해주는 서비스 - 참고 : http://goo.gl/i8J9wz

  • https://www.montastic.com/ - 서버의 생존 여부를 계속 체크하면서 문제가 있으면 알려주는 서비스

HTML & CSS

• • http://css3maker.com/ - CSS3 코드를 생성해주는 웹사이트

  • http://css3please.com/ - 크로스브라우저 CSS3 코드 미리보기 및 클립보드 복사 기능 지원

  • http://www.roblaplaca.com/examples/bezierBuilder/ - CSS3 Timing Function의 시각화 보조 도구

  • http://caniuse.com/ - 새로운 웹기술의 호환성을 비교해주는 서비스

전자공학

• • http://www.docircuits.com/ - 전자회로를 드로잉하고 시뮬레이션 할 수 있는 온라인 기반의 도구 (제한적 무료)

  • https://www.circuitlab.com/ - 전자회로를 드로잉하고 시뮬레이션 할 수 있는 온라인 기반의 도구 (유료)

  • http://www.cadsoftusa.com/ - 전자회로를 설계하고 PCB를 드로잉 할 수 있는 도구(제한적 무료)

  • http://www.kicad-pcb.org/ - 전자회로를 설계하고 PCB를 아트웤 할 수 있는 C++기반 도구 (무료)

  • http://fritzing.org/download/ - 아두이노 회로의 디자인을 돕는 도구

  • http://www.mindplus.cc/ - 아두이노를 비주얼하게 프로그래밍하는 도구

디자인

• • http://www.alessioatzeni.com/metrize-icons/ 퀄리티 높은 아이콘들을 다양한 포멧으로 무료로 다운로드 받을 수 있습니다.

  • http://thenounproject.com/

  • http://www.blacktie.co/ - 부트스트랩 무료 테마

  • http://www.cssbuttongenerator.com/ - 버튼을 만들어 주는 서비스

  • http://www.bestcssbuttongenerator.com - 버튼을 만들어 주는 서비스

  • http://fontawesome.io/ - twitter bootstrap를 위한 아이콘 폰트들

  • http://hangeul.naver.com/ - 네이버의 글꼴들

  • http://www.daumcorp.com/about/ci.daum - daum의 글꼴들

  • https://fifaonline3.nexon.com/font/index.aspx# - 넥슨 풋볼 고딕

리눅스, OSX, 유닉스

• • MultiTail - 여러 개의 로그의 최신 업데이트 내용을 보여준다. tail과의 차이점은 화면을 분할해준다는 점이다. 참고 : http://www.ibm.com/developerworks/aix/library/au-monitorlogs/

  • glances - 시스템의 상황을 한눈에 파악할 수 있는 도구 (top과 비슷) http://askubuntu.com/revisions/293447/4

  • http://hisham.hm/htop/ - 시스템을 상황을 시각적으로 모니터링 할 수 있는 도구 (top과 비슷)

기타

• • http://helloworldcollection.de/ - 언어별로 Hello world를 출력하는 방법을 모아둔 서비스

  • http://www.cheat-sheets.org/ - 단축키나 주요 API를 모아둔 사이트

  • http://www.quicklycode.com/cheatsheets - 개발과 관련한 cheatsheet, 배경화면등을 공유하는 서비스

  • https://www.cheatography.com/ - 치트시트

  • http://fontawesome.info/ - Font Awesome Icon이 적용된 사이트들을 모아 놓은 웹서비스

  • http://www.unicode.org/ - Unicode 관련된 정보를 모아놓은 사이트