1.
><2016.3.25 SMARTSTUDY 신입발표
율무에 관한 5가지 썰
스마트스터디 디발자 진유림
1

2.
>< 2
스물 세살 때
가장 많이 생각하던
것은 무엇인가요?
23
BGM: 율무 - 스물셋

3.
><
01첫번째 썰
“그때부터였나요…
제가 무언가를
만들기 시작한건…”3

4.
><
그냥 만드는 것을 좋아하는
사람이었습니다.
4

5.
>< 5

6.
>< 6
Cover ver.
보컬이 리트윗

7.
>< 7

8.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 8

9.
>< 9

10.
>< 10

11.
>< 11
<system>프로그래밍 스킬을 얻었습니다!</system>

12.
><
02두번째 썰
12
“개발… 디자인…
개자인…”

13.
>< 13
경계 X

14.
><
• 생산성과 재미요소를 합치자
• 투두리스트에 게임요소를 넣은 웹앱으로 풀어내자
재미있는 To-Do List를 만들자!
14

15.
>< 15
외부 디비 안쓰고 브라우저에 저장되게 해야지
투두가 클리어 될때마다 몬스터가 냠냠 생동감 주기 위해 몬스터 숨쉬기 몬스터 기본형, 진화형 그리자
코드와 뷰를 쉽게 연결하자 공짜 서버에 띄워야지

16.
>< 16
외부 디비 안쓰고 브라우저에 저장되게 해야지
IndexedDB
투두가 클리어 될때마다 몬스터가 냠냠
SVG로 몬스터 눈, 입 그리기
생동감 주기 위해 몬스터 숨쉬기
HTML Canvas
몬스터 기본형, 진화형 그리자
Photoshop, Illustrator
코드와 뷰를 쉽게 연결하자
angularJS
공짜 서버에 띄워야지
github pages

17.
>< 17
http://milooy.github.io/foodtodo-web/
https://youtu.be/5OP9J-tTXJY
https://youtu.be/F5oDvjoRcmY

18.
>< 18

19.
>< 19

20.
><
03세번째 썰
“대외활동… 좋아하죠!”
20
부제: 난 어쩌다 페***친구가 1000+명이 되었나

21.
>< 21

22.
>< 22

23.
>< 23

24.
>< 24

25.
>< 25

26.
>< 26

27.
><
04네번째 썰
27
“소셜 활동이
구해준 일자리”

28.
>< 28

29.
><
둘 다 하고싶은데…
29
개발자 디자이너

30.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 30
“하이브리드 인간은
각 전문가보다 깊이가 낮더라도

31.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 31
“하이브리드 인간은
각 전문가보다 깊이가 낮더라도
그 두 명이 함께 있더라도
할 수 없는 일을 합니다.”

32.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 32
“실패가 걱정돼요”

33.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 33
“실패가 걱정돼요”
“실패해도 됩니다.

34.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 34
“실패가 걱정돼요”
“실패해도 됩니다.
다만 그것에서 배우고
곧 성장하면 됩니다.”

35.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 35

36.
><
05다섯번째 썰
36
“그리고,
어느덧 8개월”

37.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 37
pengpenghu.com

38.
><
• w/ 빈님
• 스스에서의 첫 프로젝트
• Static 사이트 개발&디자인 (HTML, CSS)
• 상용 사이트 첫 제작
핑크퐁 닷컴의 초안, 중국 시장 진출 위한 페이지
핑크퐁 중국 앱 소개 페이지
38

39.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 39
store.pinkfong.com

40.
>< 40
Material Design
https://youtu.be/Q8TXgCzxEnw

41.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 41
Responsive Web Design

42.
>< 42
전자상거래 고도화

43.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 43
정산&재고관리 시스템

44.
>< 44
제품 목록 주세요!
아이디:1, 이름:인기율동동요, …
아이디:2, 이름:영어율동동요, …
표로 예쁘게 뿌려야지
아이디 이름 재고
1 인기율동 52
2 영어율동 34

45.
>< 45
제품 목록 주세요!
표로 예쁘게 뿌려야지
프론트엔드 개발 api & 백엔드
GET api/stock/
[{"id":1,"title":"인기율동동요","desc":"인기율동동요 10곡을 한 권
에","uid":"SB00001","sub_stocks":[],"inventory_list":[{"title":"핑크퐁스토
어","is_real":false,"available_remains":-60,"id":1},{"title":"안양 삼성출판사 창
고","is_real":true,"available_remains":5961,"id":2}],"available_remains":
5901,"disable_remains":10,"all_remains":5911},{"id":2,"title":"영어율동동
요","desc":"영어율동동요 10곡을 한 권에","uid":"SB00002","sub_stocks":[],

46.
>< 46
https://youtu.be/bKPuV2VU1Z0

47.
><NEMO ENIM IPSAM VOLUPTATEM QUIA VOLUPTAS 47
“ 마무리 ”

48.
>< 48
스물세살 율무가 생각하는 것은?

49.
>< 49
스물세살 율무가 생각하는 것은?
만들자!

50.
>< 50
스물세살 율무가 생각하는 것은?
• 실버세대 런쳐
• 참여형 웹툰
• 노트 필기 디바이스
• 여드름 짜는 게임
• ‘싫어요’ 사이트
• 서브스크립션 아카이브
• 예전에 소셜에 올린 사진 랜덤 긁어서 홀드화면
• 서브웨이st 김밥집
• 온라인 묘지
• 소개팅 주선자를 위한 어플
• 그룹 스터디용 웹/어플
• 모두의 독서실(행아웃 st)
• 내가 현재 집중하는 task 보여주는 맥 앱
• 헌혈 지도&알람
• 코드 시각화 사이트
• 내 손목에서 맥박 읽어서 애인 인형에 심
장박동
• 심플 버스알리미
• DJ 버스
• 물먹는 텀블러
• 드로잉 파이터
• 웹 공부장
• 개인 위키 제작 사이트
• 음악으로 엮어주는 친목 도모 어플
• 언어장애 분들을 위한 디스플레이. 수화
대신 타자기로 쳐서 디스플레이로 소통.
• 유기견 안락사 D-DAY. 충격 프로젝트.
함께 이것저것 만들어나가면 좋겠습니다.
만들자!

51.
>< 51
감사합니다
special thx to
파이님, 압정님, 마에님, 썬님, 팜므님, 핑구님