목차

유용한 사이트들을 모아놓은 페이지로, (나름) 카테고리별로 수집하였다. 추후에 데이터화하여 따로 웹페이지를 만들어볼 생각으로 계속 수집중에 있다.

1. 자료 검색
2. 웹 유틸, 웹앱, 도구
3. MOOC, 학습
4. 알고리즘, 문제풀이
5. 자바스크립트
6. 디자인
7. 파이썬
8. 자바
9. 안드로이드
10. 버전관리
11. 정규표현식
12. 유틸리티

각종 자료 검색 및 다운로드

저작권에 자유로운 이미지나 폰트, 동영상, 아이콘 등 각종 자료 수집하기 위한 사이트 모음

• 디자인 레퍼런스 아카이브 - 웹디자인 관련 자료 수집 스크랩북
• 앱템플릿 - 스마트폰 개발자와 디자이너를 위한 스크린 패턴 딕셔너리
• Printerest - 각종 프로젝트, 자료, 관심사 아이디어 공유
• plxabay - 이미지 저장소(한글지원)
• MorgueFile - FREE Stock Photos
• unsplash - FREE Stock Photos
• Getrefe - FREE Stock Photos
• Picjumbo - FREE Stock Photos
• Little Visuals - FREE Stock Photos
• Gratisography - FREE Stock Photos
• Splitshire - FREE Stock Photos
• New Old Stock - FREE Stock Photos
• function - FREE Stock Photos
• JAY MANTRI - FREE Stock Photos
• LIFE OF PIX - FREE Stock Photos
• PICOGRAPHY - FREE Stock Photos
• FOODIE'S FEED - FREE Stock Photos
• DesignersPics - FREE Stock Photos
• Death to the Stock Photo - FREE Stock Photos
• Sharing beautiful travel moments - FREE Stock Photos
• PEXELS - FREE Stock Photos
• public domain archive - FREE Stock Photos
• splashbase - FREE Stock Photos
• StockSnap.io - FREE Stock Photos
• Lock & Stock Photos - FREE Stock Photos
• SNAPWIRE SNAPS - FREE Stock Photos
• imagebase - 이미지
• FreePhotosBank - 이미지
• Magdeleine - 저작자표시(CC BY 4.0) 적용
• raumrot - 저작자표시(CC BY 2.0) 적용
• Startup Stock Photos - 저작자표시(CC BY 4.0) 적용
• stockvault - 이미지(비영리 목적)
• IM Free - 저작자표시(CC BY 2.0) 적용
• 무료이미지net - 이미지
• Superfamous studios - 저작자표시(CC BY 3.0) 적용
• public domain vectors - 공개 벡터 이미지
• iconfinder - 아이콘
• iconmonstr - 아이콘
• IconArchive - 아이콘
• iconfinder - 아이콘
• theNounProject - 픽토그램
• flaticon - 픽토그램
• Dashel - 절제된 컬러, 명확한 아웃라인이 세련된 무료 벡터 아이콘 세트
• Dribbble - 각종 디자인
• 네이버 무료폰트 - 한글 무료폰트
• dafont - 영문 폰트
• 2014년 TOP 100 무료 폰트모음 - 블로그 포스팅
• vimeo - 비디오 자료
• SmileTemplates - PPT 템플릿
• slideshare - PPT 공유 사이트
• Made in 양선배(블로그) - PPT 강의, 자료
• EnvatoMarket - PPT 자료(유료)
• 1시간안에 파워포인트로 인포그래픽을.. [PPT 템플릿트 10종 + 아이콘]

Web App, Tools ...

• draw.io - 웹 다이어그램 작성
• gliffy - 웹 다이어그램 작성
• Cacoo - 웹 다이어그램
• web sequence diagrams - 웹에서 시퀀스 다이어그램 작성
• blockdiag - 웹 시퀀스 다이어그램
• pixlr - 웹 이미지 편집기
• okmindmap - 웹 마인드맵 작성 툴
• webwait - 웹사이트 속도 측정
• graph.tk - 웹 그래프 작성
• desmos - 웹 그래프 작성
• ColorScripter - 블로그에 코드 하이라이팅해서 올리기
• smallpdf - PDF JPG 변환
• JavaScript Compressor - js 파일 min 으로 압축하기
• CSS Compressor - css 파일 압축하기
• COLOURlovers - 색상 조합
• Adobe Color CC - 색상 조합
• RGB 변환 - RGB 10진수,16진수 변환
• geoiptool - ip 위치 추적
• utrace - ip 위치 추적
• whois - ip 위치 추적
• Android Niceties - Andorid App UI 디자인
• Troy - 반응형 웹 개발시 다양한 디바이스 테스트
• tradukka - 단위, 속도 각 측정 속도 변환
• PASTEBIN - 소스공유
• codepad - 소스공유
• GitHubGist - 소스공유
• ideone - 소스공유
• dpaste - 소스공유
• 소스공유 사이트 모음
• eggtimer - 웹 타이머
• 모니터 무결점 테스트
• MakeYourOwnRingtone - 웹 mp3파일 구간자르기
• ezgit - gif 만들기

MOOC, Study ...

MOOCs(Massive Open Online Courses, MOOCs): 미국에서 시작된 대규모 온라인 공개 강좌

• MOOC 관련 기사 - ChosunBiz
• 골라 배우자, 전세계 온라인 공개 강좌 45곳 - 블로터 기사
• edx - 미국 MOOC
• coursera - 미국 MOOC
• udacity - 컴퓨터공학 관련 강좌 다수
• FutureLearn - 유럽 MOOC
• Codecademy - 프로그래밍 학습 온라인 플랫폼 _opid/4
• 생활코딩 - 프로그래밍 학습(web, html/css, js, jquery, php, mysql, linux, java, android, ...)
• 코드닷오아르지 - 프로그래밍 연습
• runnable - 코드 검색, 테스트 사이트
• Hackermeter - 프로그래밍 실력 테스트
• 유지보수하기 어렵게 코딩하는 방법,Ebook
• JAVA 동영상 강의 - '난 정말 JAVA를 공부한 적이 없다구요' 강의, 오렌지 미디어 제공
• 점프 투 파이썬 - 파이썬 공부
• typing.io - 소스 코드로 타자 연습 사이트
• 도타비 문제은행 - 국가기술자격 필기 문제은행
• VOA News Special English - 뉴스사이트, 미국영어 학습, mp 제공
• Repeat After Us - 영어 동화, Fable Aesop 이솝 우화
• AudioEnglish - 영어회화, Dialogues 섹션 추천
• JS: Interview Algorithm - 자바스크립트 알고리즘
• Programming Language Network - 프로그래밍 언어 연관성을 시각화
• Programming Languages Influence Network 2014 - 2014년 기준 프로그래밍 언어 연관성을 시각화

Online judge, Algorithm ...

Online judge: 프로그래밍 대회에서 프로그램들을 시험할 목적으로 만들어진 온라인 시스템으로 대회 연습용으로 사용되기도 한다.

국내

• 더블릿 - _opid/3
• Baekjoon Online Judge - _opid/4
• 코딩도장
• Lavida
• ALGOSPOT
• Project Euler - 수학적인 문제들을 프로그래밍으로 해결해 나가는 퀴즈 사이트
• codingfun - 한국 정보올림피아드 기출문제

국외

• TopCoder
• UVa Online Judge
• Hackerrank
• Google Code Jam
• VISUALGO - 알고리즘 시각화
• Codebyte
• CheckiO - 알고리즘을 게임으로 접하는 사이트
• ALGORITHMIA - 알고리즘 마켓

JavaScript, JQuery, ...

JavaScript, JQuery 에 관련된 라이브러리, 플러그인, 프레임워크, 컴포넌트 등에 관한 사이트 모음

• Backbone.js - 클라이언트 사이드 웹애플리케이션 개발에 MVC패턴 적용을 가능하게 해주는 자바스크립트 프레임워크
  • 한글 번역본
  • Tutorials
• underscore.js - Framework
• AngularJS - Framework
• emberjs - Framework
• knockoutjs - Framework
• dygraphs - JS 차트 라이브러리
• DATEDRIOOER - JQuery 데이트 플러그인
• RIMELINER.JS - JS 타임라인 라이브러리
• mapbuildr - 구글 맵 빌더
• Layzr.js - Lazy loading JS 라이브러리
• Colorbox - JQuery 라이트박스
• JQuery Timeliner - JQuery 타임라인
• zeroclipboard - javascript copy to clipboard.
• JQuery Content Slider - 반응형 jQuery 슬라이더
• OWL Carousel - 반응형 carousel slider
• jPlayer - The jQuery HTML5 Audio / Video Library
• HTML5 Video Player Comparison - HTML5 비디오 플레이어 비교
• createJS - JS 라이브러리(canvas, tween, sound, preload, ...)
• JS1K - JavaScript 작품들

UI(User Interface), CSS, ...

프론트앤드에서 UI, CSS 등 디자인 관련 사이트 모음. (자바스크립트와 분류하기가 에메모호하다..)

• Bootstrap
  • Bootstrap form builder
  • Bootswatch - 무료 부트스트랩 테마, 템플릿
  • bootstrapzero - 무료 부트스트랩 테마, 템플릿
  • startbootstrap - 무료 부트스트랩 테마, 템플릿
• Foundation
• Semantic UI
• Pure
• UIkit
• IVORY
• Muppin - 프론트앤드 웹 템플릿
• shipped - 각종 디자인, 자바스크립트, API 모아놓은 사이트
• Ratchet - Build mobile apps with simple HTML‚ CSS‚ and JS components.
• Topcoat - CSS for clean and fast web apps.
• ionic - developing hybrid mobile apps with HTML5.
• Materialize - Material Design
• JENNIFER UI - HTML5 기반의 컴포넌트 및 SVG 차트
• jQWidgets - JQuery and HTML5 UI framework
• flexible.gs - 그리드 시스템
• NavNav - 각종 네비게이션 예제
• animatable - css의 다양한 애니메이션들
• CSS Corners - 모서리 둥글게 만들기
• cubic-bezier - 베지어 곡선 그리기
• Spring Python documentation
• CSS Pricing Tables - 가격책정 테이블(반응형)
• Loaders.css - 로딩 애니메이션 CSS
• SVG Drawing Animation - SVG 애니메이션
• Creative Button Styles - 애니메이션 버튼
• html5up - HTML5 웹 템플릿
• Material Design Blog - Material Design Themes & Templates
• jquer.in - Masonry Alternative

Python, Django, ...

• pycharm - python IDE
• The Django Book
• Joinc - Django 튜토리얼
• 자이썬(Jytion)완벽 안내서
• A Byte of Python - 무료 제공 파이썬 프로그래밍 교재
• 파이썬을 배우는 최고의 방법 - 블로그 포스팅
• Converting BeautifulSoup 4 for Python 3
• Python + BeautifulSoup을 이용해서 랭킹 JSON으로 만들기

JAVA, JSP, Spring, ...

• JAVA SDK 7
• JAVA SDK 8
• OpenJDK
• GNUJAVA - 자바 커뮤니티
• JAMA - Java Matrix Package
• 프로젝트를 exe 실행파일로 만들기
• 자바의신 저자 블로그
• Log4j - 로그 라이브러리
• LOGBack - 로그 라이브러리

Android

• Android Asynchronous Http Client - 콜백기반 Http 클라이언트 라이브러리

PHP

• Larabel - PHP 프레임워크

버전관리, Git

• GitHub
• Bitbucket
• GoogleCode
• git 간편 안내서
• git pro Book - Git Ebook, 공부
• 누구나 쉽게 이해할 수 있는 Git 입문
• GitHub 실습 교육 - 신승엽님의 SildeShares
• github & sourceTree 동영상 - 케누BJ님의 동영상 강의
• GitHub.io 구축하기
  • GitHub Pages - 깃허브 페이지만들기
  • github.io 구축 - re4lfl0w님 작성 글
  • jekyllrb - github.io로 블로그만들기
  • jekyllrb 한글
  • jekyllbootstrap - github.io로 블로그만들기
  • jekyllrb로 블로그 설치방법 - 블로그 일몰
  • 지킬로 깃허브에 무료 블로그 만들기
• Markdown 에디터 프로그램
  • Haroopad
  • MarkdownPad
• gitlab - 서비스형 git 관리도구
• Git 브랜치 배우기
• 팀프로젝트 협업툴

정규표현식

• RegExr - 정규표현식을 테스트하고 다른 사람이 만든 표현식을 사용할 수 있는 서비스
• Regexper - 정규표현식 시각화
• txt2re - 정규표현식 패턴화 추천
• RegExpTool
• Rubular - 정규표현식 테스트

IoT, RaspberryPi, ...

• MagPi - 라즈베리파이 프로젝트 매거진

읽어 볼만한 포스팅, 기사

• [번역]2014년 가장 인기있는 5가지 프론트엔드 프레임워크 비교
• 버전 관리 시스템 유랑기, 그리고 Git 적응기
• 자바와 웹 어플리케이션 서버 성능 튜닝
• 좋은 커밋 메시지 작성하기
• 논문 쓰는 방법
• 코딩 입문자, 어떤 언어부터 배워야 할까
• [IT인물열전]자바의 아버지, 제임스 고슬링
• 새내기 개발자의 JUnit 여행기 - 이클립스에서 유닛테스트하기
• 윈도우빌더로 이클립스 GUI 개발 환경 만들기
• 해외호스팅 처음사용자에게 특히 추천하는 A2 Hosting 51%할인행사 정보 및 이용후기
• 개발에 도움이 되는 웹사이트와 도구들 - 생활코딩 페이스북 그룹 문서
• 소프트웨어의 본질 - 동영상
• 텔레그램으로 서버 모니터링하기
• [node.js] cluster를 이용한 멀티코어(multi-core) 사용
• Data Structure 동영상 강좌 - Berkeley
• elementary OS Freya stable 소개 - 블로그 포스팅, 설치 및 소개
• sublime-text2 설치 및 셋팅

ETC(temp)

• DB Naming rule 관련
  • link
  • link

유틸리티

• sqliteStudio
• winsplit revolution - 모니터분할

note

• 질문하는 사람은 5분간 바보다. 질문하지 않는 사람은 영원한 바보다. (중국속담)
• 답변 모두를 아는 것보다 질문이 무엇인지를 아는 것이 더 낫다. (James Thurber)
• 기쁨을 나눴더니 질투가 되고, 슬픔을 나눴더니 약점이 되더라.