SlideShare a Scribd company logo
오픈소스 JS 기술을 이용한 모바일
앱 / 웹 / 백엔드 풀스택 개발
김동우
자바스크립트 개발자 포럼 운영
REACT KOREA (FB 그룹) 운영
(2017) 공개SW개발자LAB 오픈소스 프론티어 4기
(2016) 공개SW개발자LAB 오픈소스 프론티어 3기
(2015) (주)박스아웃씽커스 공동창업, CTO
(2014) 한국콘텐츠진흥원 평가위원
(2013) (주)넥스큐브코퍼레이션 MIS팀 팀장
(2009) (주)휴니드테크놀러지스 정보화팀 팀장
스타트업을
시작합니다.
• 때는 2015년
스타트업은 문제를 해결합니다.
학원에 관한 문제
• 왜 학원정보는 인터넷에서 찾기 어려운 걸까?
• 회원 간에 질문도 주고 받고, IT 기술을 활용해서
학원을 비교해서 보여줄 수 있지 않을까?
• 성적 향상이라는 제로섬 게임에서 벗어나 아이
에게 적합한 학원을 찾아줘서 궁극적으로 사교
육을 정상화 하는데 기여하고 싶다.
사교육 시장 33조
• 물론 돈도 벌고!
스타트업은 역시 모바일앱
앱! 앱을 만들자
두…둘다 만들자
어떤 언어로 만들지?
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
Why Parse-server?
•Full	JavaScript (NodeJS)
•Open	Source
•iOS,	Android	SDK
•NoSQL	(MongoDB)
•Self-hosted
FrontEnd code move to
BackEnd
• FrontEnd • BackEnd
Parse-server 너로 정했다!
만들었습니다.
Web은 안해?
Web
Web
Web
Web
React
너로 정했다!
만들었습니다.
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
Brendan	Eich
Conclusion

More Related Content

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

Circulus Introduction
Circulus IntroductionCirculus Introduction
Circulus Introduction
Park Jonggun
 
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
규문 최
 
매쉬업엔젤스 미디어킷 2016.11
매쉬업엔젤스 미디어킷 2016.11매쉬업엔젤스 미디어킷 2016.11
매쉬업엔젤스 미디어킷 2016.11
매쉬업엔젤스 MashupAngels
 
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
잡코리아 글로벌 프런티어
 
PoApper Introduction
PoApper IntroductionPoApper Introduction
PoApper Introduction
Byungjin Park
 
스타트업, 그리고 마케팅
스타트업, 그리고 마케팅스타트업, 그리고 마케팅
스타트업, 그리고 마케팅
Taehyun Brad Kim
 
스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?
Oh DongReol
 
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
Sue Hyun Jung
 
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
Sungwoo Park
 
과학기술정책연구원 Young innovators연세-가이드북
과학기술정책연구원 Young innovators연세-가이드북과학기술정책연구원 Young innovators연세-가이드북
과학기술정책연구원 Young innovators연세-가이드북
Jack Yun
 
플립러닝과 Mooc 대응을 위한 모바일 전략 v1
플립러닝과 Mooc 대응을 위한 모바일 전략 v1플립러닝과 Mooc 대응을 위한 모바일 전략 v1
플립러닝과 Mooc 대응을 위한 모바일 전략 v1
hyungjoo park
 
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
AppCenter
 
블랙보드 개발 중인 기능
블랙보드 개발 중인 기능블랙보드 개발 중인 기능
블랙보드 개발 중인 기능미나 최
 
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
Terry Cho
 
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합 SW 교육 사례
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합  SW 교육 사례모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합  SW 교육 사례
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합 SW 교육 사례
Jong-Hyun Kim
 
부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료
CONNECT FOUNDATION
 
Hupod 사업 소개서
Hupod 사업 소개서Hupod 사업 소개서
Hupod 사업 소개서
Jiho Kang
 
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
ByungSun Michael Hwang
 
Dareun ppt
Dareun pptDareun ppt
Dareun ppt
kang jiwoo
 
Bigcamp in sxs_wedu
Bigcamp in sxs_weduBigcamp in sxs_wedu
Bigcamp in sxs_weduJudyoon
 

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

Circulus Introduction
Circulus IntroductionCirculus Introduction
Circulus Introduction
 
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
[일산교육원] 지역 소셜비즈니스 기초과정 2기모집 안내문 150227
 
매쉬업엔젤스 미디어킷 2016.11
매쉬업엔젤스 미디어킷 2016.11매쉬업엔젤스 미디어킷 2016.11
매쉬업엔젤스 미디어킷 2016.11
 
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
잡코리아 글로벌 프런티어 12기_S.w.e.e.t_탐방보고서
 
PoApper Introduction
PoApper IntroductionPoApper Introduction
PoApper Introduction
 
스타트업, 그리고 마케팅
스타트업, 그리고 마케팅스타트업, 그리고 마케팅
스타트업, 그리고 마케팅
 
스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?스마트폰 어플은 어떻게 만드는 건가요?
스마트폰 어플은 어떻게 만드는 건가요?
 
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
[IBA포럼 발표자료] 공간을 나누는 세상을 만들다! - (주)앤스페이스 정수현
 
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
[취업특강] IT분야에서 행복하게 일하기 - SW 개발자를 중심으로
 
과학기술정책연구원 Young innovators연세-가이드북
과학기술정책연구원 Young innovators연세-가이드북과학기술정책연구원 Young innovators연세-가이드북
과학기술정책연구원 Young innovators연세-가이드북
 
플립러닝과 Mooc 대응을 위한 모바일 전략 v1
플립러닝과 Mooc 대응을 위한 모바일 전략 v1플립러닝과 Mooc 대응을 위한 모바일 전략 v1
플립러닝과 Mooc 대응을 위한 모바일 전략 v1
 
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
2014년 앱센터 소개브로셔 (AppCenter 2014 Brochure)
 
블랙보드 개발 중인 기능
블랙보드 개발 중인 기능블랙보드 개발 중인 기능
블랙보드 개발 중인 기능
 
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
2014 공개소프트웨어 대회 소프트웨어 개발 트렌드의 변화
 
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합 SW 교육 사례
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합  SW 교육 사례모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합  SW 교육 사례
모두를 위한 소프트웨어 교육 : 초등학교의 프로젝트 기반 창의융합 SW 교육 사례
 
부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료부스트캠프 2020 설명회 발표자료
부스트캠프 2020 설명회 발표자료
 
Hupod 사업 소개서
Hupod 사업 소개서Hupod 사업 소개서
Hupod 사업 소개서
 
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
플랫폼컨퍼런스2013-글로벌플랫폼과 스타트업 소개
 
Dareun ppt
Dareun pptDareun ppt
Dareun ppt
 
Bigcamp in sxs_wedu
Bigcamp in sxs_weduBigcamp in sxs_wedu
Bigcamp in sxs_wedu
 

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