오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발

오픈소스 JS 기술을 이용한 모바일
앱 / 웹 / 백엔드 풀스택 개발
김동우
자바스크립트 개발자 포럼 운영
REACT KOREA (FB 그룹) 운영
(2017) 공개SW개발자LAB 오픈소스 프론티어 4기
(2016) 공개SW개발자LAB 오픈소스 프론티어 3기
(2015) (주)박스아웃씽커스 공동창업, CTO
(2014) 한국콘텐츠진흥원 평가위원
(2013) (주)넥스큐브코퍼레이션 MIS팀 팀장
(2009) (주)휴니드테크놀러지스 정보화팀 팀장
스타트업을
시작합니다.
• 때는 2015년
스타트업은 문제를 해결합니다.
학원에 관한 문제
• 왜 학원정보는 인터넷에서 찾기 어려운 걸까?
• 회원 간에 질문도 주고 받고, IT 기술을 활용해서
학원을 비교해서 보여줄 수 있지 않을까?
• 성적 향상이라는 제로섬 게임에서 벗어나 아이
에게 적합한 학원을 찾아줘서 궁극적으로 사교
육을 정상화 하는데 기여하고 싶다.
사교육 시장 33조
• 물론 돈도 벌고!
스타트업은 역시 모바일앱
앱! 앱을 만들자
두…둘다 만들자
어떤 언어로 만들지?
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
JavaScriptIs Eating The World
JavaScript Is Eating The World
https://arc.applause.com/2015/11/06/javascript-is-eating-the-world/
JavaScriptIs Eating The World
JavaScriptIs Eating The World
JavaScriptIs Eating The World
JavaScript 너로 정했다!
Mobile
• Native • Hybrid
Mobile
• Native • Hybrid
Cross	Platform
14
Titanium is
Open	Source
Apach License	2
Titanium is
Titanium 너로 정했다!
잠깐! 서버는?
Server
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
Why Parse-server?
•Full	JavaScript (NodeJS)
•Open	Source
•iOS,	Android	SDK
•NoSQL	(MongoDB)
•Self-hosted
FrontEnd code move to
BackEnd
• FrontEnd • BackEnd
Parse-server 너로 정했다!
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
만들었습니다.
Web은 안해?
Web
Web
Web
Web
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
React
너로 정했다!
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
만들었습니다.
Result
• HTTPS://WWW.HAKWON.ME/
• 대한민국 일등 학원 앱 ‘학원어디가’
를 개발 (IOS/ANDROID 동시 개발)
• 1년간 5개 버전을 지속적으로 개발
• 현재 회원수 약 3만명을 달성 함
• 지능형 설문 시스템 개발
• 빅데이터 금융결제정보를 가공하여,
인공지능 학원 추천 시스템 개발
Environment
• BeckEnd :	Parse-server
• FrontEnd
• Mobile	:	Appcelerator Titanium
• Web	:	ReactJS +	Redux
• Database	:	MongoDB
• Editor	:	Atom	(titanium-alloy)
DevTeam
Me Newbie
No	Server	Developer,
No	iOS	Developer,
No	Android	Developer,
No	Web	Developer,
No	Database	Developer,
…
We are
JS Developer.
Other cases
• React	
Native
• (주)쏘카
• http://seokjun.
kr/react-native-
in-production-2
ZEROCAR
• Appcelerat
or
Titanium
• (주)스타일미러
• http://www.sty
lemirror.co.kr/
ZZIMM
이제부터 부록
Desktop
Game Media
IoT & Robotics
Javascript Everywhere From Nose To Tail
http://www.slideshare.net/cliffano/javascript-everywhere-from-nose-to-tail
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발
Brendan	Eich
Conclusion
1 of 53

Recommended

[특강] 현업 개발자에게 듣는 모바일 개발자의 삶과 매력 / 노수진(Momenti) by
 [특강] 현업 개발자에게 듣는 모바일 개발자의 삶과 매력 / 노수진(Momenti) [특강] 현업 개발자에게 듣는 모바일 개발자의 삶과 매력 / 노수진(Momenti)
[특강] 현업 개발자에게 듣는 모바일 개발자의 삶과 매력 / 노수진(Momenti)CONNECT FOUNDATION
227 views40 slides
2013 PoApper Introduction by
2013 PoApper Introduction2013 PoApper Introduction
2013 PoApper IntroductionByungjin Park
622 views29 slides
2015 ATD를 통한 Learning Technology Trend by
2015 ATD를 통한 Learning Technology Trend2015 ATD를 통한 Learning Technology Trend
2015 ATD를 통한 Learning Technology TrendEuiJong Hwang
306 views14 slides
2015 atd를 통한 learning technology trend by
2015 atd를 통한 learning technology trend2015 atd를 통한 learning technology trend
2015 atd를 통한 learning technology trend의종 황
236 views14 slides
Hackathon as a platform for new management strategies by
Hackathon as a platform for new management strategiesHackathon as a platform for new management strategies
Hackathon as a platform for new management strategiesKiwon Kyung
72 views6 slides
월간 리드잇(beta) 2018년 10월호 by
월간 리드잇(beta) 2018년 10월호월간 리드잇(beta) 2018년 10월호
월간 리드잇(beta) 2018년 10월호Hantae John Yu
214 views19 slides

More Related Content

Similar to 오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발

Circulus Introduction by
Circulus IntroductionCirculus Introduction
Circulus IntroductionPark Jonggun
1.2K views12 slides
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227 by
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227규문 최
1.2K views7 slides
매쉬업엔젤스 미디어킷 2016.11 by
매쉬업엔젤스 미디어킷 2016.11매쉬업엔젤스 미디어킷 2016.11
매쉬업엔젤스 미디어킷 2016.11매쉬업엔젤스 MashupAngels
21.1K views64 slides
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서 by
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서잡코리아 글로벌 프런티어
896 views19 slides
PoApper Introduction by
PoApper IntroductionPoApper Introduction
PoApper IntroductionByungjin Park
1.1K views46 slides
스타트업, 그리고 마케팅 by
스타트업, 그리고 마케팅스타트업, 그리고 마케팅
스타트업, 그리고 마케팅Taehyun Brad Kim
6.6K views57 slides

Similar to 오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발(20)

Circulus Introduction by Park Jonggun
Circulus IntroductionCirculus Introduction
Circulus Introduction
Park Jonggun1.2K views
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227 by 규문 최
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
규문 최1.2K views
스타트업, 그리고 마케팅 by Taehyun Brad Kim
스타트업, 그리고 마케팅스타트업, 그리고 마케팅
스타트업, 그리고 마케팅
Taehyun Brad Kim6.6K views
스마트폰 어플은 어떻게 만드는 건가요? by Oh DongReol
스마트폰 어플은 어떻게 만드는 건가요?스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?
Oh DongReol28 views
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현 by Sue Hyun Jung
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
Sue Hyun Jung794 views
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로 by Sungwoo Park
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
Sungwoo Park7.3K views
과학기술정책연구원 Young innovators연세-가이드북 by Jack Yun
과학기술정책연구원 Young innovators연세-가이드북과학기술정책연구원 Young innovators연세-가이드북
과학기술정책연구원 Young innovators연세-가이드북
Jack Yun867 views
플립러닝과 Mooc 대응을 위한 모바일 전략 v1 by hyungjoo park
플립러닝과 Mooc 대응을 위한 모바일 전략 v1플립러닝과 Mooc 대응을 위한 모바일 전략 v1
플립러닝과 Mooc 대응을 위한 모바일 전략 v1
hyungjoo park2.6K views
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure) by AppCenter
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
AppCenter2.9K views
블랙보드 개발 중인 기능 by 미나 최
블랙보드 개발 중인 기능블랙보드 개발 중인 기능
블랙보드 개발 중인 기능
미나 최862 views
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화 by Terry Cho
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
Terry Cho4.8K views
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합 SW 교육 사례 by Jong-Hyun Kim
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합  SW 교육 사례모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합  SW 교육 사례
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합 SW 교육 사례
Jong-Hyun Kim909 views
부스트캠프 2020 설명회 발표자료 by CONNECT FOUNDATION
부스트캠프 2020 설명회 발표자료부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료
CONNECT FOUNDATION4.1K views
Hupod 사업 소개서 by Jiho Kang
Hupod 사업 소개서Hupod 사업 소개서
Hupod 사업 소개서
Jiho Kang1.7K views
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개 by ByungSun Michael Hwang
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
Bigcamp in sxs_wedu by Judyoon
Bigcamp in sxs_weduBigcamp in sxs_wedu
Bigcamp in sxs_wedu
Judyoon1.2K views

오픈소스 JS 기술을 이용한 모바일앱 / 웹 / 백엔드 풀스택 개발