신입 개발자 생활백서 [개정판]
TRANSCRIPT
>< 12017.2.8 성신여대 특강
>< 2
진유림�디자인과�웹을�좋아하는�잡식�개발자�
SMARTSTUDY�디발자�15.07~현재�
레진엔터테인먼트�개발자�15.01~15.06�
번개장터�디자이너�14.01~14.02�
https://milooy.wordpress.com/�
https://www.facebook.com/jay.jin.0427�
https://github.com/milooy�
ABOUT
>< 3
INDEX
나,�개발�
1.�퍼스널�코딩�
2.�MOOC�
3.�TIL�그리고�Blog
우리,�개발�
4.�소셜�코딩�
5.�오픈소스�기여�
6.�커뮤니티�활동�
당장,�개발�
7.�만들자�
8.�해커톤�
9.�스타트업�인턴�
10.�개발자라는�직업
><
STEP.1
나,�개발
><
01 퍼스널�코딩�:�나의�단짝�코딩�찾기
5
반기문의�퍼스널�컬러는�겨울쿨톤
>< 6
나는 왜
N년이나 개발공부를?
>< 7
>< 8
나는�____�코딩�할�땐�재미�없는데�
��____�코딩�할때면�시간�가는줄�모르겠더라.“
>< 9
>< 10
>< 11
>< 12
>< 13
>< 14
>< 15
이제�
그림,�음악,�코딩을�조합해서�
멋진�서비스를�만들�수�있을거야!
>< 16
님�학고
>< 17
님�학고�x�2(공부좀�해…)
>< 18
나를�망치러�온�내�인생의�구원자
FRONT-END
>< 19
(PO)나비효과(WER)�그�때부터�일이�풀리기�시작
C언어,�Java�
프론트엔드
>< 20
1.�HTML,�CSS로�화면짜고�디자인하는건�재밌잖아?
HTML,�CSS
>< 21
2.�얘네가�움직이려면�JS를�사용해야한다네
Javascript
>< 22
3.�따로�데이터베이스를�띄우긴�싫지만�값을�TODO를�저장하고�싶어
Browser�Database
http://milooy.github.io/foodtodo-web/
>< 23
4.�사용자별로�데이터를�모아서�관리하고�싶어…��
서버에�저장하고�프론트에선�API로�받아오면�되는구나!
Network
>< 24
5.�작은�수정인데�서버개발자에게�매번�물어봐야�하다니…�
나도�백엔드�할래!
Python,�Django
>< 25
6.�메뉴를�이동할때마다�브라우저가�리프레시되는게�싫어…�
Single�Page�App이라는게�있다네?
REST-API,�Angular
>< 26
7.�내�앵귤러�코드�덕지덕지�더러워서�보기�힘들다…�
모듈화�해서�개선할�수�있을까?
React
앵귤러로 짰던 코드 리액트로 갈아엎기 (ing)
>< 27
나는�____�코딩�할�땐�재미�없는데�
��____�코딩�할때면�시간�가는줄�모르겠더라.“
><
02 MOOC�:�온라인�코딩�교육
28
>< 29
Massive Open Online Course
>< 30
• codeschool.com�
• 친절한�동영상�강의�+�실습�
• 인트로�송�귀엽�
• 새로운�언어를�익힐�때�유용�
• Free�Week를�노려라
Code School
>< 31
Codeschool�FREE�WEEK�에�들은�강의들
>< 32
• tutorial.djangogirls.org/ko�
• 한글화�되어있다�
• 프론트부터�백엔드까지�체계적으로�만들�수�있다�
• 오프라인�워크샵(여성�대상)
Django Girls
>< 34
• ko.khanacademy.org/�
• 초심자에게�최고의�강의�
• 알고리즘�강의는�Introduction�to�algorithms�저자�Thomas�Cormen이�기여
Khan Academy
>< 35
• codewars.com�
• 코드워즈�중독을�주의하세요!�(K모씨는�시간�나면�코드워즈만�푸는�병에�걸림)�
• 사람들이�낸�문제를�내가�좋아하는�언어로�풀고�점수�쌓기�
• 문제�풀면�다른�개발자�코드가�보이는데�그것이�알짜배기
Code Wars
>< 36
• 코드카데미(codecademy.com):�코딩�알려주는�대표적인�사이트.�동영상�강의�
없이�실습만�있다.�
• 인프런(inflearn.com):�한국�버전�MOOC�사이트.�개인이�올림.�
• 백준�온라인�저지(acmicpc.net):�프로그래밍�문제를�풀고�온라인으로�채점받을�
수�있음.�오프라인�알고리즘�문제풀이�강의가�있다.�
• Codefights(https://codefights.com/)�
• Codingame(https://www.codingame.com/home)�
• Hackerrank(https://www.hackerrank.com/)
그�외…
><
03 내�뇌를�믿을�수�없다�:�TIL,�그리고�블로그
37
>< 38
• https://github.com/milooy/TIL�
• 알게�된�것은�하나도�빠짐없이�적는다�
• 개발�공부�
• 컨퍼런스�노트�
• 유용한�사이트�링크�
• 검색�용이�
• 28개�폴더,�282개�문서
TIL(Today I Learned)
>< 39
>< 40
Markdown
>< 41
Blog == Portfolio
• milooy.wordpress.com�
• 호스팅�
• Wordpress�
• ghost�
• Github�pages�
• Medium�
• 이상한모임�팀블로그:�blog.weirdx.io�
• 블로그는�꼭�하시는�것을�추천�
• 메인화면은�1�page�portfolio
><
STEP.2
우리,�개발
><
04 소셜�코딩�:�Github�적극�활용
43
>< 44
필수�of�the�필수�of�the�필수
>< 45
내가�팔로우하는�개발자들이�Like한�소스
내가�기여한�오픈소스
>< 46
일일�커밋
>< 47
1. 하루에�한�번씩은�꼭�노트북�앞에�앉아�코드를�작성한다.�
2. 의미�없는�코드는�작성하지�않는다(어뷰징은�하지�않는다)�
3. 커밋�로그를�명확히�작성한다�
4. 하나라도�배운�것이�있다면,�꼭!�반드시!�기록을�한다
(커밋을�할�수�있는�소중한�기회)�
5. 코딩을�하는�습관이�생긴다
일일커밋�1년�회고록�https://milooy.wordpress.com/2016/07/02/daily-commit-1-year/
일일�커밋
>< 48
https://milooy.wordpress.com/category/programming/일일코딩/
>< 49
깃헙
깃헙
면접관�says�“깃헙을�보자”
>< 50
깃헙�주소를�냈을�경우�
- 어떤�식으로�코드를�작성하는지�본다.�(코딩�스타일,�탭과�스페이스�인덴트를�혼용하
는지?)�
- 오픈소스�컨트리뷰션�
- 어떤�저장소에�Star를�찍었는지�/�Fork했는지�본다.�
>< 51
깃헙�주소를�냈을�경우�
- 어떤�식으로�코드를�작성하는지�본다.�(코딩�스타일,�탭과�스페이스�인덴트를�혼용하
는지?)�
- 오픈소스�컨트리뷰션�
- 어떤�저장소에�Star를�찍었는지�/�Fork했는지�본다.�
감점�요인�
- 저장소에�DB�아이디,�암호를�함께�올린다.�
- 이메일을�네이버로�쓴다�
>< 52
깃헙�주소를�냈을�경우�
- 어떤�식으로�코드를�작성하는지�본다.�(코딩�스타일,�탭과�스페이스�인덴트를�혼용하
는지?)�
- 오픈소스�컨트리뷰션�
- 어떤�저장소에�Star를�찍었는지�/�Fork했는지�본다.�
감점�요인�
- 저장소에�DB�아이디,�암호를�함께�올린다.�
- 이메일을�네이버로�쓴다�
깃헙�주소를�내지�않았을�경우�
- 어떻게든�찾아내서�위의�절차를�실행한다(…)
>< 53
(옥토캣�기여어)
><
05 오픈소스�기여�:�조금씩,�천천히
54
>< 55
>< 56
컨트리뷰션�날로먹기
>< 57
>< 58
637별!
>< 59
WHAT�- HTML�Table을�예쁘게�보여주고�기능을�추가해주는�
‘Datatables’의�Angular.js�확장�라이브러리�
>< 60
WHAT�- HTML�Table을�예쁘게�보여주고�기능을�추가해주는�
‘Datatables’의�Angular.js�확장�라이브러리�
WHY�- 회사�프로젝트에�사용하며�Material�스타일로�디자인을�커스텀
했는데,�컨트리뷰션도�해볼까?
>< 61
WHAT�- HTML�Table을�예쁘게�보여주고�기능을�추가해주는�
‘Datatables’의�Angular.js�확장�라이브러리�
WHY�- 회사�프로젝트에�사용하며�Material�스타일로�디자인을�커스텀
했는데,�컨트리뷰션도�해볼까?�
HOW�- 기본�스타일을�옛날식�Datatables에서�Material�Design으로�
변경�
- 그것에�맞추어�홈페이지�스킨도�변경
>< 62
>< 63
Before
>< 64
Material�Theme�적용
>< 66
><
Designer
Github�Trending
><
0668
다른�개발자들을�만나자�:�커뮤니티�활동
>< 69
• 팀블로그:�http://blog.weirdx.io/�
• 2.4K명의�개발자가�모인�온라인�슬랙.�51개의�채널�
• 오프라인�밋업,�컨퍼런스�
• 다양한�굿즈�
• 이상한모임�앱
이상한�모임
>< 70
• https://www.facebook.com/groups/702344126531973/�
• 모여서�각자�코딩한다�
• 모각코x강남,�모각코x모두�
• MS�개발하시는�분들�다수�포진
모각코
>< 71
• 파이조그:�https://www.facebook.com/pyjog/�
• 파이레이디스:�https://www.facebook.com/pyladieseoul/�
• 장고걸스:�https://www.facebook.com/djangogirlsseoul/�
• 모두�오프라인�정기�밋업이�있다.�
• 파이썬을�처음�접한�초심자부터�초고수까지�다양하게�포진되어있다.
파이썬�모임�-�파이조그,�파이레이디스,�장고걸스
>< 72
• GDG�Seoul:�https://www.facebook.com/groups/gdgseoul/�
• GDG�Campus:�https://www.facebook.com/groups/gdg.korea.campus/�
• Google�Developer�Group�
• 격월�세미나�+�네트워킹�
• GDE�(Google�Developer�Expert)�
• 대학생들을�위한�Campus�-�활발한�스터디�그룹
GDG, GDG Campus
>< 73
• https://www.facebook.com/groups/9xdevelopers/�
• 먼쓸리�밋업�(세미나�+�네트워킹�+�회사투어)�
• Online�3.8k�,�Offline�500+�
• 또래�개발자들의�이야기를�들을�수�있는�장소�
• 열심히�토이프로젝트를�할�수�있게�해주는�원동력
9x년생�개발자�모임�(9XD)
>< 74
>< 75
>< 76
><
STEP.3
당장,�개발
><
0778
만들자.��:�당장
>< 79
면접에서�100%�나오는�질문
>< 80
면접에서�100%�나오는�질문
“무엇을�만들어�보았나요?”
>< 81
직접�블로그를�만들어�github�pages에�올리기�
튜토리얼�따라하며�iOS/Android�앱�만들기�
Django�Girls�튜토리얼�응용해�웹�서비스�만들기�
아두이노로�움직이는�인형�만들기�
Pygame�사용해서�게임�제작�
…
>< 82
직접�블로그를�만들어�github�pages에�올리기�
튜토리얼�따라하며�iOS/Android�앱�만들기�
Django�Girls�튜토리얼�응용해�웹�서비스�만들기�
아두이노로�움직이는�인형�만들기�
Pygame�사용해서�게임�제작�
…
‘링크�하나’로�공유할�수�있게�만드는�것이�중요!�github�/�Youtube�/�블로그에�쓴�개발기�등�형식은�상관없음
>< 83
내일�카페가서�코딩할건데��혼자�하면�집중�떨어진다.�
파이썬�좀�물어볼�사람�없나
같이�코딩하는�커뮤니티는�어딨지?
화장실�갈�때�내�노트북�누가�훔쳐가면�안돼
온오프믹스�복잡해
>< 84
만들어야징�
개발자용�간단�온오프믹스�
HOBBYCODING
>< 85
• 회원가입�&�소셜로그인�
• 모임�만들기/수정/삭제�
• 검색�
• 모임별로�태그�달기��
• 댓글�달기�
• 최신�모임�모아보기�
• 날짜별�필터링�
• 지도
스펙�정의
>< 86
>< 87
>< 88
9XD�사이트에�흡수합병�예정
>< 89
동료를�놀릴�때도�코딩
http://milooy.github.io/femme-translator/
><
0890
해커톤�:�함께�빠르게�만들어볼까
>< 91
Hacking�+�Marathon
HACKATHON
>< 92
페이스북�보다가…
1등팀�전원�맥북��������참가기념품�무중력의자
>< 93
>< 94
살까�말까�할�때는�담아라�
WISHCART
• https://github.com/milooy/cartmango • Web: Django • Chrome Extension • Hybrid Web app
>< 95
헐�해커톤�재밌다�상품도�주고�
프로덕트도�나오네
>< 96
페이스북�보다가…(2)
>< 97
>< 98
>< 99
>< 100
헐�해커톤�재밌다(2)�+�
나는�확실한�목표가�있어야�폭풍�개발을�하는구나-�를�깨달음
>< 101
페이스북�보다가…(3)
>< 102
https://yop.cool/
>< 103
대회에�나가지�않아도�해커톤을�할�수�있구나!�
+�출시의�기쁨
>< 104
D3S�HACKATHON������������������UNITHON
모두�고등학생�����������������������모두�대학생
><
09105
스타트업�인턴�:�직접�달려보자
>< 106
>< 108
많다!하지만…
>< 109
1.�회사의�비전�
2. �경영진의�비전�
3. �연봉�
4. �같이�일하는�사람�
5. �회사의�유명세�
6.�채용공고의�조건�
7. �지금의�내가�이�회사에서�얼마나�성장할�수�있는지
나는�무엇을�중요하게�생각하나요?�(1점~5점)
>< 110
1.�회사의�비전�3�
2. �경영진의�비전�4�
3. �연봉�3�
4. �같이�일하는�사람�5�
5. �회사의�유명세�1�
6. �채용공고의�조건�1�
7. �지금의�내가�이�회사에서�얼마나�성장할�수�있는지�10
나는�무엇을�중요하게�생각하나요?�(1점~5점)
>< 111
http://ukov.tistory.com/96
><
10112
개발자라는�직업�:�주니어�개발자로서�살아남기
>< 113
1.�자체�제품을�만든다�/�다른�회사가�요구한�제품을�만든다�
2.�주력�제품이�소프트웨어다��/�아니다�
3.�수직�구조가�뚜렷하다�/�직급�체계가�없다�
4.�내가�갈�부서에�같이�일을�할�개발자가�많다(타인의�좋은�코드
를�볼�일이�많다)�/�혼자�해야한다�
5.�야근의�강도,�야근비,�휴가�/�주말출근�수당�
6.�개발자이면서�다른�직업:�에반젤리스트�등
어떤�회사를�선호하나요?
>< 114
>< 115
>< 116
#순실곰탕원정대
#어디서나코딩
#회사로비
#스탠딩코딩
#수제맥주회식#줄무늬옷맞춰입기
>< 117
#사내카페꽃차
#할로윈
#지켜보고있다
>< 118
어려울�때도�있지만�정말�재밌어요�
회사가�무조건�절망의�공간은�아니랍니다
>< 119
1.�회사�코딩�희망편:�신기술�리액트를�쓰게�해주다니�정말�기뻐!�
2.�회사�코딩�절망편:�XX는�이제�그만�쓰고싶다�
3.�자기계발�코딩:�알고리즘�강의�들어야지�
4.�하비�코딩:�개인�플젝�뚝딱뚝딱�
5.�데이트�코딩:�애인님�오늘�데각코�고고?�
6.�1번부터�반복
코딩의�종류