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

>< 33
• udacity.com
• 높은 강의 품질
• Nanodegree
Udacity

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

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

>< 66

><
Designer
Github Trending

><
06
68
다른 개발자들을
만나자
: 커뮤니티 활동

>< 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
당장, 개발

><
07
78
만들자.
: 당장

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

><
08
90
해커톤
: 함께 빠르게 만들어볼까

>< 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
모두 고등학생 모두 대학생

><
09
105
스타트업 인턴
: 직접 달려보자

>< 106

>< 107
https://www.wanted.co.kr/

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

><
10
112
개발자라는 직업
: 주니어 개발자로서 살아남기

>< 113
1. 자체 제품을 만든다 / 다른 회사가 요구한 제품을 만든다
2. 주력 제품이 소프트웨어다 / 아니다
3. 수직 구조가 뚜렷하다 / 직급 체계가 없다
4. 내가 갈 부서에 같이 일을 할 개발자가 많다(타인의 좋은 코드
를 볼 일이 많다) / 혼자 해야한다
5. 야근의 강도, 야근비, 휴가 / 주말출근 수당
6. 개발자이면서 다른 직업: 에반젤리스트 등
어떤 회사를 선호하나요?

>< 114

>< 115

>< 116
#순실곰탕원정대
#어디서나코딩
#회사로비
#스탠딩코딩
#수제맥주회식
#줄무늬옷맞춰입기

>< 117
#사내카페꽃차
#할로윈
#지켜보고있다

>< 118
어려울 때도 있지만
정말 재밌어요
회사가 무조건 절망의 공간은 아니랍니다

>< 119
1. 회사 코딩 희망편: 신기술 리액트를 쓰게 해주다니 정말 기뻐!
2. 회사 코딩 절망편: XX는 이제 그만 쓰고싶다
3. 자기계발 코딩: 알고리즘 강의 들어야지
4. 하비 코딩: 개인 플젝 뚝딱뚝딱
5. 데이트 코딩: 애인님 오늘 데각코 고고?
6. 1번부터 반복
코딩의 종류

>< 120
감사합니다
jayjinjay@gmail.com
https://www.facebook.com/jay.jin.0427