혼자서프로젝트수행하기

2013.9.7Outsider at ”개발자를 위한 ‘共感(공감)’ 세미나 12회”

http://www.flickr.com/photos/zubrow/6010023102/

개인 프로젝트

1인 프로젝트 vs. 팀 프로젝트

장점

장점내 맘대로 할 수 있다

단점

단점혼자서 해야 한다

기획

- 내가 필요한 것- 만들어 보고 싶은 것- 공부해보고 싶은 것

http://sneakpeekit.com/

와이어 프레임

http://dribbble.com/shots/820721-Social-Network-UI-UX

디자인

디자이너랑 친해지자

디자인 벤치마킹

어차피 똑같이 만들 수 없다!!

출처: 오마이뉴스

주의: 이 내용은 발표의 흐름일뿐 디자인 저작권이 중요하지 않다는 의미는 아닙니다.

그래픽 도구를 하나정도는 배워두자http://www.flickr.com/photos/willemscholten/

- 이쁜 디자인도 합치면 안이쁘다- 색은 직접 고르지 말자

http://dribbble.com/

Adobe Kuler https://kuler.adobe.com

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka

Eye Dropper크롬 익스텐션

http://www.colorzilla.com/

ColorZilla파이어폭스 플러그인

http://getbootstrap.com/

https://wrapbootstrap.com/{wrap}bootstrap

http://purecss.io/

http://designmodo.github.io/Flat-UI/

http://codepen.io/CodePen

타이포그라피

- 이번에도 벤치마크- 한글이 들어가면 안이쁘다

http://www.picksumipsum.co.uk/

http://guny.kr/stuff/klorem/

http://fortawesome.github.io/Font-Awesome/

https://pictonic.co/freepictonic icons

개발

Github

Bitbucket

- public 저장소는 무료- private 저장소는 유료- 협업 개발자는 무제한

- public 저장소는 무료- private 저장소는 무료- 협업 개발자는 5명까지 무료

라이센스http://choosealicense.com/http://www.olis.or.kr/ossw/license/compareGuide.do

프로젝트 템플릿Grunt-init

Yo

- 템플릿을 로컬에 저장한다(~/.grunt-init/)- grunt-init으로 실행- 작성이 비교적 간단하다- 커스터마이징 가능

- Yeoman의 일부다.- 템플릿을 npm 모듈로 작성한다(배포하거나 로컬에 두고 실행)- 이미 다양한 템플릿이 존재한다- 커스터마이징 가능

https://github.com/gruntjs/grunt-init

https://github.com/yeoman/yo

https://travis-ci.org/

https://coveralls.io/

https://saucelabs.com/SauceLabs

http://www.browserstack.com/BrowserStack

http://screensiz.es/Screen Siz.es

http://troy.labs.daum.net/Daum TROY

http://dfcb.github.io/Responsivator/Responsivator

The User-Agent Switcher for Chromehttp://spoofer-extension.appspot.com/

http://gruntjs.com/Grunt

http://bower.io/Bower

http://cdnjs.com/cdnjs

서비스

https://www.google.com/analytics/Google Analytics

http://www.uptimerobot.com/UptimeRobot

소셜 공유

https://twitter.com/about/resources/buttons

https://developers.facebook.com/docs/reference/plugins/like/

https://developers.google.com/+/web/+1button/

http://ghbtns.com/

https://newrelic.com/New Relic

Q & A@Outsiderisoutsideris@gmail.comhttp://blog.outsider.ne.kr/