신입 개발자 생활백서 [개정판]

120
> < 1 2017.2.8 성신여대 특강

Upload: jay-jin

Post on 13-Apr-2017

9.515 views

Category:

Software


3 download

TRANSCRIPT

Page 1: 신입 개발자 생활백서 [개정판]

>< 12017.2.8 성신여대 특강

Page 2: 신입 개발자 생활백서 [개정판]

>< 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

Page 3: 신입 개발자 생활백서 [개정판]

>< 3

INDEX

나,�개발�

1.�퍼스널�코딩�

2.�MOOC�

3.�TIL�그리고�Blog

우리,�개발�

4.�소셜�코딩�

5.�오픈소스�기여�

6.�커뮤니티�활동�

당장,�개발�

7.�만들자�

8.�해커톤�

9.�스타트업�인턴�

10.�개발자라는�직업

Page 4: 신입 개발자 생활백서 [개정판]

><

STEP.1

나,�개발

Page 5: 신입 개발자 생활백서 [개정판]

><

01 퍼스널�코딩�:�나의�단짝�코딩�찾기

5

반기문의�퍼스널�컬러는�겨울쿨톤

Page 6: 신입 개발자 생활백서 [개정판]

>< 6

나는 왜

N년이나 개발공부를?

Page 7: 신입 개발자 생활백서 [개정판]

>< 7

Page 8: 신입 개발자 생활백서 [개정판]

>< 8

나는�____�코딩�할�땐�재미�없는데�

��____�코딩�할때면�시간�가는줄�모르겠더라.“

Page 9: 신입 개발자 생활백서 [개정판]

>< 9

Page 10: 신입 개발자 생활백서 [개정판]

>< 10

Page 11: 신입 개발자 생활백서 [개정판]

>< 11

Page 12: 신입 개발자 생활백서 [개정판]

>< 12

Page 13: 신입 개발자 생활백서 [개정판]

>< 13

Page 14: 신입 개발자 생활백서 [개정판]

>< 14

Page 15: 신입 개발자 생활백서 [개정판]

>< 15

이제�

그림,�음악,�코딩을�조합해서�

멋진�서비스를�만들�수�있을거야!

Page 16: 신입 개발자 생활백서 [개정판]

>< 16

님�학고

Page 17: 신입 개발자 생활백서 [개정판]

>< 17

님�학고�x�2(공부좀�해…)

Page 18: 신입 개발자 생활백서 [개정판]

>< 18

나를�망치러�온�내�인생의�구원자

FRONT-END

Page 19: 신입 개발자 생활백서 [개정판]

>< 19

(PO)나비효과(WER)�그�때부터�일이�풀리기�시작

C언어,�Java�

프론트엔드

Page 20: 신입 개발자 생활백서 [개정판]

>< 20

1.�HTML,�CSS로�화면짜고�디자인하는건�재밌잖아?

HTML,�CSS

Page 21: 신입 개발자 생활백서 [개정판]

>< 21

2.�얘네가�움직이려면�JS를�사용해야한다네

Javascript

Page 22: 신입 개발자 생활백서 [개정판]

>< 22

3.�따로�데이터베이스를�띄우긴�싫지만�값을�TODO를�저장하고�싶어

Browser�Database

http://milooy.github.io/foodtodo-web/

Page 23: 신입 개발자 생활백서 [개정판]

>< 23

4.�사용자별로�데이터를�모아서�관리하고�싶어…��

서버에�저장하고�프론트에선�API로�받아오면�되는구나!

Network

Page 24: 신입 개발자 생활백서 [개정판]

>< 24

5.�작은�수정인데�서버개발자에게�매번�물어봐야�하다니…�

나도�백엔드�할래!

Python,�Django

Page 25: 신입 개발자 생활백서 [개정판]

>< 25

6.�메뉴를�이동할때마다�브라우저가�리프레시되는게�싫어…�

Single�Page�App이라는게�있다네?

REST-API,�Angular

Page 26: 신입 개발자 생활백서 [개정판]

>< 26

7.�내�앵귤러�코드�덕지덕지�더러워서�보기�힘들다…�

모듈화�해서�개선할�수�있을까?

React

앵귤러로 짰던 코드 리액트로 갈아엎기 (ing)

Page 27: 신입 개발자 생활백서 [개정판]

>< 27

나는�____�코딩�할�땐�재미�없는데�

��____�코딩�할때면�시간�가는줄�모르겠더라.“

Page 28: 신입 개발자 생활백서 [개정판]

><

02 MOOC�:�온라인�코딩�교육

28

Page 29: 신입 개발자 생활백서 [개정판]

>< 29

Massive Open Online Course

Page 30: 신입 개발자 생활백서 [개정판]

>< 30

• codeschool.com�

• 친절한�동영상�강의�+�실습�

• 인트로�송�귀엽�

• 새로운�언어를�익힐�때�유용�

• Free�Week를�노려라

Code School

Page 31: 신입 개발자 생활백서 [개정판]

>< 31

Codeschool�FREE�WEEK�에�들은�강의들

Page 32: 신입 개발자 생활백서 [개정판]

>< 32

• tutorial.djangogirls.org/ko�

• 한글화�되어있다�

• 프론트부터�백엔드까지�체계적으로�만들�수�있다�

• 오프라인�워크샵(여성�대상)

Django Girls

Page 33: 신입 개발자 생활백서 [개정판]

>< 33

• udacity.com�

• 높은�강의�품질�

• Nanodegree

Udacity

Page 34: 신입 개발자 생활백서 [개정판]

>< 34

• ko.khanacademy.org/�

• 초심자에게�최고의�강의�

• 알고리즘�강의는�Introduction�to�algorithms�저자�Thomas�Cormen이�기여

Khan Academy

Page 35: 신입 개발자 생활백서 [개정판]

>< 35

• codewars.com�

• 코드워즈�중독을�주의하세요!�(K모씨는�시간�나면�코드워즈만�푸는�병에�걸림)�

• 사람들이�낸�문제를�내가�좋아하는�언어로�풀고�점수�쌓기�

• 문제�풀면�다른�개발자�코드가�보이는데�그것이�알짜배기

Code Wars

Page 36: 신입 개발자 생활백서 [개정판]

>< 36

• 코드카데미(codecademy.com):�코딩�알려주는�대표적인�사이트.�동영상�강의�

없이�실습만�있다.�

• 인프런(inflearn.com):�한국�버전�MOOC�사이트.�개인이�올림.�

• 백준�온라인�저지(acmicpc.net):�프로그래밍�문제를�풀고�온라인으로�채점받을�

수�있음.�오프라인�알고리즘�문제풀이�강의가�있다.�

• Codefights(https://codefights.com/)�

• Codingame(https://www.codingame.com/home)�

• Hackerrank(https://www.hackerrank.com/)

그�외…

Page 37: 신입 개발자 생활백서 [개정판]

><

03 내�뇌를�믿을�수�없다�:�TIL,�그리고�블로그

37

Page 38: 신입 개발자 생활백서 [개정판]

>< 38

• https://github.com/milooy/TIL�

• 알게�된�것은�하나도�빠짐없이�적는다�

• 개발�공부�

• 컨퍼런스�노트�

• 유용한�사이트�링크�

• 검색�용이�

• 28개�폴더,�282개�문서

TIL(Today I Learned)

Page 39: 신입 개발자 생활백서 [개정판]

>< 39

Page 40: 신입 개발자 생활백서 [개정판]

>< 40

Markdown

Page 41: 신입 개발자 생활백서 [개정판]

>< 41

Blog == Portfolio

• milooy.wordpress.com�

• 호스팅�

• Wordpress�

• ghost�

• Github�pages�

• Medium�

• 이상한모임�팀블로그:�blog.weirdx.io�

• 블로그는�꼭�하시는�것을�추천�

• 메인화면은�1�page�portfolio

Page 42: 신입 개발자 생활백서 [개정판]

><

STEP.2

우리,�개발

Page 43: 신입 개발자 생활백서 [개정판]

><

04 소셜�코딩�:�Github�적극�활용

43

Page 44: 신입 개발자 생활백서 [개정판]

>< 44

필수�of�the�필수�of�the�필수

Page 45: 신입 개발자 생활백서 [개정판]

>< 45

내가�팔로우하는�개발자들이�Like한�소스

내가�기여한�오픈소스

Page 46: 신입 개발자 생활백서 [개정판]

>< 46

일일�커밋

Page 47: 신입 개발자 생활백서 [개정판]

>< 47

1. 하루에�한�번씩은�꼭�노트북�앞에�앉아�코드를�작성한다.�

2. 의미�없는�코드는�작성하지�않는다(어뷰징은�하지�않는다)�

3. 커밋�로그를�명확히�작성한다�

4. 하나라도�배운�것이�있다면,�꼭!�반드시!�기록을�한다

(커밋을�할�수�있는�소중한�기회)�

5. 코딩을�하는�습관이�생긴다

일일커밋�1년�회고록�https://milooy.wordpress.com/2016/07/02/daily-commit-1-year/

일일�커밋

Page 48: 신입 개발자 생활백서 [개정판]

>< 48

https://milooy.wordpress.com/category/programming/일일코딩/

Page 49: 신입 개발자 생활백서 [개정판]

>< 49

깃헙

깃헙

면접관�says�“깃헙을�보자”

Page 50: 신입 개발자 생활백서 [개정판]

>< 50

깃헙�주소를�냈을�경우�

- 어떤�식으로�코드를�작성하는지�본다.�(코딩�스타일,�탭과�스페이스�인덴트를�혼용하

는지?)�

- 오픈소스�컨트리뷰션�

- 어떤�저장소에�Star를�찍었는지�/�Fork했는지�본다.�

Page 51: 신입 개발자 생활백서 [개정판]

>< 51

깃헙�주소를�냈을�경우�

- 어떤�식으로�코드를�작성하는지�본다.�(코딩�스타일,�탭과�스페이스�인덴트를�혼용하

는지?)�

- 오픈소스�컨트리뷰션�

- 어떤�저장소에�Star를�찍었는지�/�Fork했는지�본다.�

감점�요인�

- 저장소에�DB�아이디,�암호를�함께�올린다.�

- 이메일을�네이버로�쓴다�

Page 52: 신입 개발자 생활백서 [개정판]

>< 52

깃헙�주소를�냈을�경우�

- 어떤�식으로�코드를�작성하는지�본다.�(코딩�스타일,�탭과�스페이스�인덴트를�혼용하

는지?)�

- 오픈소스�컨트리뷰션�

- 어떤�저장소에�Star를�찍었는지�/�Fork했는지�본다.�

감점�요인�

- 저장소에�DB�아이디,�암호를�함께�올린다.�

- 이메일을�네이버로�쓴다�

깃헙�주소를�내지�않았을�경우�

- 어떻게든�찾아내서�위의�절차를�실행한다(…)

Page 53: 신입 개발자 생활백서 [개정판]

>< 53

(옥토캣�기여어)

Page 54: 신입 개발자 생활백서 [개정판]

><

05 오픈소스�기여�:�조금씩,�천천히

54

Page 55: 신입 개발자 생활백서 [개정판]

>< 55

Page 56: 신입 개발자 생활백서 [개정판]

>< 56

컨트리뷰션�날로먹기

Page 57: 신입 개발자 생활백서 [개정판]

>< 57

Page 58: 신입 개발자 생활백서 [개정판]

>< 58

637별!

Page 59: 신입 개발자 생활백서 [개정판]

>< 59

WHAT�- HTML�Table을�예쁘게�보여주고�기능을�추가해주는�

‘Datatables’의�Angular.js�확장�라이브러리�

Page 60: 신입 개발자 생활백서 [개정판]

>< 60

WHAT�- HTML�Table을�예쁘게�보여주고�기능을�추가해주는�

‘Datatables’의�Angular.js�확장�라이브러리�

WHY�- 회사�프로젝트에�사용하며�Material�스타일로�디자인을�커스텀

했는데,�컨트리뷰션도�해볼까?

Page 61: 신입 개발자 생활백서 [개정판]

>< 61

WHAT�- HTML�Table을�예쁘게�보여주고�기능을�추가해주는�

‘Datatables’의�Angular.js�확장�라이브러리�

WHY�- 회사�프로젝트에�사용하며�Material�스타일로�디자인을�커스텀

했는데,�컨트리뷰션도�해볼까?�

HOW�- 기본�스타일을�옛날식�Datatables에서�Material�Design으로�

변경�

- 그것에�맞추어�홈페이지�스킨도�변경

Page 62: 신입 개발자 생활백서 [개정판]

>< 62

Page 63: 신입 개발자 생활백서 [개정판]

>< 63

Before

Page 64: 신입 개발자 생활백서 [개정판]

>< 64

Material�Theme�적용

Page 65: 신입 개발자 생활백서 [개정판]

>< 65

RankedIn�-�한국�오픈소스�개발자�랭킹�커뮤니티�http://rankedin.kr/

Page 66: 신입 개발자 생활백서 [개정판]

>< 66

Page 67: 신입 개발자 생활백서 [개정판]

><

Designer

Github�Trending

Page 68: 신입 개발자 생활백서 [개정판]

><

0668

다른�개발자들을�만나자�:�커뮤니티�활동

Page 69: 신입 개발자 생활백서 [개정판]

>< 69

• 팀블로그:�http://blog.weirdx.io/�

• 2.4K명의�개발자가�모인�온라인�슬랙.�51개의�채널�

• 오프라인�밋업,�컨퍼런스�

• 다양한�굿즈�

• 이상한모임�앱

이상한�모임

Page 70: 신입 개발자 생활백서 [개정판]

>< 70

• https://www.facebook.com/groups/702344126531973/�

• 모여서�각자�코딩한다�

• 모각코x강남,�모각코x모두�

• MS�개발하시는�분들�다수�포진

모각코

Page 71: 신입 개발자 생활백서 [개정판]

>< 71

• 파이조그:�https://www.facebook.com/pyjog/�

• 파이레이디스:�https://www.facebook.com/pyladieseoul/�

• 장고걸스:�https://www.facebook.com/djangogirlsseoul/�

• 모두�오프라인�정기�밋업이�있다.�

• 파이썬을�처음�접한�초심자부터�초고수까지�다양하게�포진되어있다.

파이썬�모임�-�파이조그,�파이레이디스,�장고걸스

Page 72: 신입 개발자 생활백서 [개정판]

>< 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

Page 73: 신입 개발자 생활백서 [개정판]

>< 73

• https://www.facebook.com/groups/9xdevelopers/�

• 먼쓸리�밋업�(세미나�+�네트워킹�+�회사투어)�

• Online�3.8k�,�Offline�500+�

• 또래�개발자들의�이야기를�들을�수�있는�장소�

• 열심히�토이프로젝트를�할�수�있게�해주는�원동력

9x년생�개발자�모임�(9XD)

Page 74: 신입 개발자 생활백서 [개정판]

>< 74

Page 75: 신입 개발자 생활백서 [개정판]

>< 75

Page 76: 신입 개발자 생활백서 [개정판]

>< 76

Page 77: 신입 개발자 생활백서 [개정판]

><

STEP.3

당장,�개발

Page 78: 신입 개발자 생활백서 [개정판]

><

0778

만들자.��:�당장

Page 79: 신입 개발자 생활백서 [개정판]

>< 79

면접에서�100%�나오는�질문

Page 80: 신입 개발자 생활백서 [개정판]

>< 80

면접에서�100%�나오는�질문

“무엇을�만들어�보았나요?”

Page 81: 신입 개발자 생활백서 [개정판]

>< 81

직접�블로그를�만들어�github�pages에�올리기�

튜토리얼�따라하며�iOS/Android�앱�만들기�

Django�Girls�튜토리얼�응용해�웹�서비스�만들기�

아두이노로�움직이는�인형�만들기�

Pygame�사용해서�게임�제작�

Page 82: 신입 개발자 생활백서 [개정판]

>< 82

직접�블로그를�만들어�github�pages에�올리기�

튜토리얼�따라하며�iOS/Android�앱�만들기�

Django�Girls�튜토리얼�응용해�웹�서비스�만들기�

아두이노로�움직이는�인형�만들기�

Pygame�사용해서�게임�제작�

‘링크�하나’로�공유할�수�있게�만드는�것이�중요!�github�/�Youtube�/�블로그에�쓴�개발기�등�형식은�상관없음

Page 83: 신입 개발자 생활백서 [개정판]

>< 83

내일�카페가서�코딩할건데��혼자�하면�집중�떨어진다.�

파이썬�좀�물어볼�사람�없나

같이�코딩하는�커뮤니티는�어딨지?

화장실�갈�때�내�노트북�누가�훔쳐가면�안돼

온오프믹스�복잡해

Page 84: 신입 개발자 생활백서 [개정판]

>< 84

만들어야징�

개발자용�간단�온오프믹스�

HOBBYCODING

Page 85: 신입 개발자 생활백서 [개정판]

>< 85

• 회원가입�&�소셜로그인�

• 모임�만들기/수정/삭제�

• 검색�

• 모임별로�태그�달기��

• 댓글�달기�

• 최신�모임�모아보기�

• 날짜별�필터링�

• 지도

스펙�정의

Page 86: 신입 개발자 생활백서 [개정판]

>< 86

Page 87: 신입 개발자 생활백서 [개정판]

>< 87

Page 88: 신입 개발자 생활백서 [개정판]

>< 88

9XD�사이트에�흡수합병�예정

Page 89: 신입 개발자 생활백서 [개정판]

>< 89

동료를�놀릴�때도�코딩

http://milooy.github.io/femme-translator/

Page 90: 신입 개발자 생활백서 [개정판]

><

0890

해커톤�:�함께�빠르게�만들어볼까

Page 91: 신입 개발자 생활백서 [개정판]

>< 91

Hacking�+�Marathon

HACKATHON

Page 92: 신입 개발자 생활백서 [개정판]

>< 92

페이스북�보다가…

1등팀�전원�맥북��������참가기념품�무중력의자

Page 93: 신입 개발자 생활백서 [개정판]

>< 93

Page 94: 신입 개발자 생활백서 [개정판]

>< 94

살까�말까�할�때는�담아라�

WISHCART

• https://github.com/milooy/cartmango • Web: Django • Chrome Extension • Hybrid Web app

Page 95: 신입 개발자 생활백서 [개정판]

>< 95

헐�해커톤�재밌다�상품도�주고�

프로덕트도�나오네

Page 96: 신입 개발자 생활백서 [개정판]

>< 96

페이스북�보다가…(2)

Page 97: 신입 개발자 생활백서 [개정판]

>< 97

Page 98: 신입 개발자 생활백서 [개정판]

>< 98

Page 99: 신입 개발자 생활백서 [개정판]

>< 99

Page 100: 신입 개발자 생활백서 [개정판]

>< 100

헐�해커톤�재밌다(2)�+�

나는�확실한�목표가�있어야�폭풍�개발을�하는구나-�를�깨달음

Page 101: 신입 개발자 생활백서 [개정판]

>< 101

페이스북�보다가…(3)

Page 102: 신입 개발자 생활백서 [개정판]

>< 102

https://yop.cool/

Page 103: 신입 개발자 생활백서 [개정판]

>< 103

대회에�나가지�않아도�해커톤을�할�수�있구나!�

+�출시의�기쁨

Page 104: 신입 개발자 생활백서 [개정판]

>< 104

D3S�HACKATHON������������������UNITHON

모두�고등학생�����������������������모두�대학생

Page 105: 신입 개발자 생활백서 [개정판]

><

09105

스타트업�인턴�:�직접�달려보자

Page 106: 신입 개발자 생활백서 [개정판]

>< 106

Page 107: 신입 개발자 생활백서 [개정판]

>< 107

https://www.wanted.co.kr/

Page 108: 신입 개발자 생활백서 [개정판]

>< 108

많다!하지만…

Page 109: 신입 개발자 생활백서 [개정판]

>< 109

1.�회사의�비전�

2. �경영진의�비전�

3. �연봉�

4. �같이�일하는�사람�

5. �회사의�유명세�

6.�채용공고의�조건�

7. �지금의�내가�이�회사에서�얼마나�성장할�수�있는지

나는�무엇을�중요하게�생각하나요?�(1점~5점)

Page 110: 신입 개발자 생활백서 [개정판]

>< 110

1.�회사의�비전�3�

2. �경영진의�비전�4�

3. �연봉�3�

4. �같이�일하는�사람�5�

5. �회사의�유명세�1�

6. �채용공고의�조건�1�

7. �지금의�내가�이�회사에서�얼마나�성장할�수�있는지�10

나는�무엇을�중요하게�생각하나요?�(1점~5점)

Page 111: 신입 개발자 생활백서 [개정판]

>< 111

http://ukov.tistory.com/96

Page 112: 신입 개발자 생활백서 [개정판]

><

10112

개발자라는�직업�:�주니어�개발자로서�살아남기

Page 113: 신입 개발자 생활백서 [개정판]

>< 113

1.�자체�제품을�만든다�/�다른�회사가�요구한�제품을�만든다�

2.�주력�제품이�소프트웨어다��/�아니다�

3.�수직�구조가�뚜렷하다�/�직급�체계가�없다�

4.�내가�갈�부서에�같이�일을�할�개발자가�많다(타인의�좋은�코드

를�볼�일이�많다)�/�혼자�해야한다�

5.�야근의�강도,�야근비,�휴가�/�주말출근�수당�

6.�개발자이면서�다른�직업:�에반젤리스트�등

어떤�회사를�선호하나요?

Page 114: 신입 개발자 생활백서 [개정판]

>< 114

Page 115: 신입 개발자 생활백서 [개정판]

>< 115

Page 116: 신입 개발자 생활백서 [개정판]

>< 116

#순실곰탕원정대

#어디서나코딩

#회사로비

#스탠딩코딩

#수제맥주회식#줄무늬옷맞춰입기

Page 117: 신입 개발자 생활백서 [개정판]

>< 117

#사내카페꽃차

#할로윈

#지켜보고있다

Page 118: 신입 개발자 생활백서 [개정판]

>< 118

어려울�때도�있지만�정말�재밌어요�

회사가�무조건�절망의�공간은�아니랍니다

Page 119: 신입 개발자 생활백서 [개정판]

>< 119

1.�회사�코딩�희망편:�신기술�리액트를�쓰게�해주다니�정말�기뻐!�

2.�회사�코딩�절망편:�XX는�이제�그만�쓰고싶다�

3.�자기계발�코딩:�알고리즘�강의�들어야지�

4.�하비�코딩:�개인�플젝�뚝딱뚝딱�

5.�데이트�코딩:�애인님�오늘�데각코�고고?�

6.�1번부터�반복

코딩의�종류

Page 120: 신입 개발자 생활백서 [개정판]

>< 120

감사합니다[email protected]

https://www.facebook.com/jay.jin.0427