SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Downloaden Sie, um offline zu lesen
JavaScript Everywhere
하나의 프로그래밍 언어로 모바일부터 로봇까지
THINKER TO MAKER
Computer Language
THINKER TO MAKER
만국 공통어의 꿈
프로그래밍 언어
소통을 위해 다양한 국가에서 다양한 언어를 가지고 있음
컴퓨터와 소통하기 위한 언어가 프로그래밍 언어임
Machine Language / Low Level Language
컴퓨터는 디지털로 기본적으로 0(on), 1(off) 의 신호만을 구분 함 -> 기계어
기계어를 사람이 이해하기 쉽게 구성한 언어가 어셈블리어임
High Level Language
복잡한 프로그램을 구성하기 어려운 기계어/어셈블리어를 보다 쉽게 개발하
기 위해 C, Java 등의 언어가 탄생함 -> 너무 다양한 언어
언어의 파편화
다양한 언어로 인하여, 개발 시 다양한 프로그래밍 언어가 요구 됨
융 복합 서비스가 요구되는 시점, 개발 간 차이로 인한 커뮤니케이션 문제
Desktop Mobile Web Server Embeded Database Analysis
C# Objective-C JavaScript Java C/C++ SQL Etc..
WANTED - One Language, Multi Use
바벨탑
하나의 언어를 사용하던 시대 -> 각각 다른 말을 사용하는 시대
하나의 언어로 대화를 하던 시대는 어땠을까?
JavaScript Everywhere
JavaScript 현재 시점으로 가장 효율 적인 언어
모바일부터 로봇 까지 폭 넓게 활용할 수 있는 유일한 언어
Maker Movement
THINKER TO MAKER
하드웨어 + 소프트웨어의 만남
Opensource Hardware
실패가 자유로운 S/W, 실패가 용납되지 않는 H/W
저렴한 마이크로 컨트롤러/컴퓨터의 등장으로 H/W 영역도 실패가 가능해짐!
CHIP
The World's First 9$ Computer
Make Movement
기존의 DIY 영역에 ICT 기술이 접목되기 시작함
하드웨어를 다루는 전문 기관 (Tech Shop)이 활발하게 이용 됨
Make Movement
상상에 머무르던 다양한 아이디어들이 현실로 나타나기 시작
S/W + H/W + Service 가 결합된 다양한 아이디어들이 실제로 구현 됨
Raspberry Pi - Microcomputer
컴퓨터가 가지고 있는 기능을 포함 + 외부 하드웨어 제어 가능 (GPIO)
단순한 하드웨어 제어가 아닌 인터넷/데이터/영상/음성 기반 서비스 가능
Arduino vs Raspberry Pi
컴퓨터가 가지고 있는 기능을 포함 + 외부 하드웨어 제어 가능 (GPIO)
단순한 하드웨어 제어가 아닌 인터넷/데이터/영상/음성 기반 서비스 가능
Micro Controller
No
Micro Computer
Yes
성격
리눅스
C
C, C++, Java, Python,
NodeJS, Ruby ...개발 언어
No Yes카메라
Limit Yes무선환경
JavaScript
THINKER TO MAKER
One Language, Multi Purpose
JavaScript
웹 어플리케이션을 구동하기 위해 HTML5, CSS3 와 필수적으로 사용 됨
초기 브라우저인 Netscape 에서 LiveScript 라는 이름으로 시작 됨
JavaScript 변천
1990년 효과용으로 많이 사용되다가 과도한 사용으로 침체기에 빠짐
Ajax 기술의 등장과 Node.JS 의 등장으로 JavaScript 의 제2의 전성기 맞이
1990년대 후반 : Javascript 전성기
대부분의 웹 페이지에 마우스를 가져다 놓으면 문자열 점열, 상태 바에 문
자열 흘러가기, 페이지 전환 시 페이드 인 페이드 아웃 등의 효면전환
(Transition) 효과 등의 용도로 사용되기 시작함
2000년대 초반 : Javascript 후퇴기
모양새가 안 좋은 웹페이지 장식을 위한 언어, 프로그래밍 초보자나 사용하
는 저속한 언어의 이미지, 크로스 브라우징 문제와 보안 취약점 문제로 인
하여 나쁜 이미지가 정착되는 요인이 됨
2000년대 중반: Javascript 도약기
RIA(Rich Internet Application) 을 작성할 수 있는 Ajax(Asynchronous
Javascript + XML)가 등장하고 Javascript 국제 표준화 단체인 ECMA 하에
표준화가 진행되어 언어로서의 완성도가 높아짐
2010년대 초반 : Javascript 부흥기
2000년 후반 NodeJS 의 등장으로 서버부터 클라이언트까지 전 영역에
Javascript 가 활용가능 해짐. HTML5 등장으로 Javascript 와 함께 Desktop
Applcation 수준의 웹 어플리케이션 개발이 가능해 짐
Node.JS 의 등장
JavaScript 는 본래, 웹 클라이언트 전용 프로그래밍 언어였음.
Node.JS 의 등장으로 서버가 가능해지고, Full Stack Developer 가 등장함
왜 JavaScript 인가?
가장 활발히 사용 됨 (Github, Stackoverflow, 해커톤 사용 1위 언어)
별도 프로그램 설치 필요 없이 모든 플랫폼의 브라우저에서 즉시 활용
H/W with JavaScript
Linux 가 탑재되는 Micro Computer 는 다양한 컴퓨터 언어 활용 가능
Node.JS 와 GPIO 제어용 JavaScript 라이브러리로 하드웨어 영역으로 확장
Circulus
THINKER TO MAKER
Thinker to Maker
Demonstration
Circulus
2013년, 누구나 아이디어를 현실화 할 수 있는 환경을 제공하기 위해 시작
2014년 하드웨어 결합, 2015년 휴머노이드 로봇, 2016.09.01 창업
2
0
1
3
2
0
1
4
2
0
1
5
2015 창조경제박람회 우수 메이커 선정
2016 K-ICT 디바이스 랩 파워유저 1위 선정
2015 과학기술창작대전, 2016 서울시 I해커톤U 우수상 수상
Douglas Rushkoff
Codecademy 가 고민하고 있는 소셜
차원의 러닝을 당신은 이미 구현했다.
- Media theorist, columnist, writer
김진형 소장
이제 정말 가능한 일인가? 초급 S/W
교육 후의 전문 과정에 쓰일 수 있다.
- 소프트웨어 정책연구소 소장
JavaScript in Circulus
모바일, 플랫폼, 로봇 모두가 JavaScript 로 개발 및 운영 됨
IoT 개발 플랫폼 기반 소스 활용 및 관리 -> 개발 향상성 증대
MobilePC
Server
Database
AnalysisIoT Platform
Embeded
Wearable
Circulus IoT Platform
자체 IoT 플랫폼인 Circulus 를 기반으로 교육/개발/운영
수집된 데이터를 기반으로 학습기반 지능형 / 맞춤형 서비스 제공
Android Tizen Linux
API Gateway
Circulus
Android App
Circulus
Tizen App CirculOS
IoT Mngt.Data Mngt.Micro Service
IoT EDU/MAKE Platform
Legacy
Platform
Circulus
Platform
Analysis
C L O U D A R E A
Mobile/PC
Web Browser
piBo – Personal Intelligent roBOt
친구와 비서 역할을 하는 소셜 및 코딩 교육을 지원하는 지능형 로봇
사용자가 직접 외관을 꾸미거나, 클라우드 환경을 통한 직접 개발 지원
SocialPersonal Intelligent roBOt Education
친구
비서
코딩 활용
3D프린터 응용
대화/사진/음악
뉴스/메일/일정
3단계별 코딩 교육
외관 및 액세서리
Education with piBo
로봇 사용자에서 메이커가 될 수 있는 교육 환경 제공
초급용 블록기반 프로그래밍, 중/고급을 위한 자바스크립트 프로그래밍 지원
초급 로봇 프로그래밍 교육 중/고급 로봇 프로그래밍 교육
• 좌측 : 버튼 및 대화형 로봇 제어
• 중앙 : 블록 코딩을 통한 로봇 제어 및
기능 조작
• 우측 : 블록 코딩의 실제 프로그래밍 언
어로의 변역결과 노출
• 실제 프로그래밍 언어로 로봇 추가 기능
개발을 가능하게 함
• 로봇 S/W 개발/배포/테스트 등을 클라
우드 상에서 지원
• SDK 를 활용한 고급 기능 개발
Singularity
인공지능, 로봇기술 발달은 증기기관, 전자공학 발전에 이은 4차 산업혁명 – 스위스 UBS 보고서
2020년까지 500만개의 일자리 사라진다 – 다보스 포럼
PC, 스마트폰에 이은 로봇이 이끄는 4차 산업혁명 시대가 도래함
로봇을 활용하여 자신의 가치를 극대화 해야 하는 시대에 진입하고 있음
Full Stack Developer with JavaScript
Node.JS 의 등장으로 Full Stack Developer 라는 용어가 처음 등장.
사용 범위 증대로 2세대, 3세대 Full Stack Developer 가 요구될 것으로 보임
Full Stack Developer
PC / Mobile Client (Web / App)
2011 1st Generation 2015 2nd Generation 2018 3nd Generation
Server
Database
IoT (Embeded / Wearable)
Analysis
Artificial Intelligent
Virtual Reality
WANTED!
THINKER TO MAKER
One More Thing
앞으로 로봇 하면 생각나는 디자이너, 로봇 하면 생각나는 개발자 모집
JavaScript 능숙자 우대 (현 전 팀원 2세대 Full Stack Developer 경험자)
WANTED
Designer Programmer
W www.circul.us G group.circul.us
S social.circul.us C cafe.circul.us
CONTACT.US circulus@circul.us
THINKER TO MAKER
ANY
QUESTION?

Weitere ähnliche Inhalte

Andere mochten auch

Fent Camí cap a l'escola holística
Fent Camí cap a l'escola holísticaFent Camí cap a l'escola holística
Fent Camí cap a l'escola holísticaNombre Apellidos
 
Tristeza...
Tristeza...Tristeza...
Tristeza...LUZ M.
 
Ofertas de Fin de año 2016
Ofertas de Fin de año 2016 Ofertas de Fin de año 2016
Ofertas de Fin de año 2016 Ph Multimarcas
 
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101Ryan Chung
 
Ponència Carles González. I Jornades Posam valors a l'esport en edat escolar
Ponència Carles González. I Jornades Posam valors a l'esport en edat escolarPonència Carles González. I Jornades Posam valors a l'esport en edat escolar
Ponència Carles González. I Jornades Posam valors a l'esport en edat escolarCEP d'Eivissa
 
Major project on employee satisfaction at adarsh developers
Major project on employee satisfaction at adarsh developersMajor project on employee satisfaction at adarsh developers
Major project on employee satisfaction at adarsh developersanagha1992
 
gastrologia tumor del intestino delgado
gastrologia tumor del intestino delgado gastrologia tumor del intestino delgado
gastrologia tumor del intestino delgado Majestic The Request
 
Otoño/Invierno Modaclub 2016
Otoño/Invierno Modaclub 2016Otoño/Invierno Modaclub 2016
Otoño/Invierno Modaclub 2016Ph Multimarcas
 
Javascript Everywhere From Nose To Tail
Javascript Everywhere From Nose To TailJavascript Everywhere From Nose To Tail
Javascript Everywhere From Nose To TailCliffano Subagio
 

Andere mochten auch (17)

Fent Camí cap a l'escola holística
Fent Camí cap a l'escola holísticaFent Camí cap a l'escola holística
Fent Camí cap a l'escola holística
 
520 a doce e preciosa voz
520   a doce e preciosa voz520   a doce e preciosa voz
520 a doce e preciosa voz
 
Tristeza...
Tristeza...Tristeza...
Tristeza...
 
Ofertas de Fin de año 2016
Ofertas de Fin de año 2016 Ofertas de Fin de año 2016
Ofertas de Fin de año 2016
 
453 deus é o mesmo
453   deus é o mesmo453   deus é o mesmo
453 deus é o mesmo
 
269 louvarei ao meu amado
269   louvarei ao meu amado269   louvarei ao meu amado
269 louvarei ao meu amado
 
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101
 
Penicilina
PenicilinaPenicilina
Penicilina
 
Ponència Carles González. I Jornades Posam valors a l'esport en edat escolar
Ponència Carles González. I Jornades Posam valors a l'esport en edat escolarPonència Carles González. I Jornades Posam valors a l'esport en edat escolar
Ponència Carles González. I Jornades Posam valors a l'esport en edat escolar
 
Major project on employee satisfaction at adarsh developers
Major project on employee satisfaction at adarsh developersMajor project on employee satisfaction at adarsh developers
Major project on employee satisfaction at adarsh developers
 
Ebba by Kritterium
Ebba by KritteriumEbba by Kritterium
Ebba by Kritterium
 
gastrologia tumor del intestino delgado
gastrologia tumor del intestino delgado gastrologia tumor del intestino delgado
gastrologia tumor del intestino delgado
 
FIORY LOOK BOOK 2016/3
FIORY LOOK BOOK 2016/3FIORY LOOK BOOK 2016/3
FIORY LOOK BOOK 2016/3
 
Otoño/Invierno Modaclub 2016
Otoño/Invierno Modaclub 2016Otoño/Invierno Modaclub 2016
Otoño/Invierno Modaclub 2016
 
Javascript Everywhere From Nose To Tail
Javascript Everywhere From Nose To TailJavascript Everywhere From Nose To Tail
Javascript Everywhere From Nose To Tail
 
Javascript everywhere
Javascript everywhereJavascript everywhere
Javascript everywhere
 
Pistas !
Pistas !Pistas !
Pistas !
 

Ähnlich wie JavaScript Everywhere from Mobile and Robot

Slipp 발표 자료 20151212
Slipp 발표 자료 20151212Slipp 발표 자료 20151212
Slipp 발표 자료 20151212Jinsoo Jung
 
격변하는 프로그래밍 언어, 이제는 Let it go
격변하는 프로그래밍 언어, 이제는 Let it go격변하는 프로그래밍 언어, 이제는 Let it go
격변하는 프로그래밍 언어, 이제는 Let it goChris Ohk
 
하이브리드 앱 개발 개요
하이브리드 앱 개발 개요하이브리드 앱 개발 개요
하이브리드 앱 개발 개요Sohee Jeong
 
mobile platform
mobile platformmobile platform
mobile platformash84
 
Mobile Platform
Mobile PlatformMobile Platform
Mobile Platformash84
 
국내외모바일Os동향및플랫폼동향
국내외모바일Os동향및플랫폼동향국내외모바일Os동향및플랫폼동향
국내외모바일Os동향및플랫폼동향Jong Jin Hong
 
2012, 대한민국 웹 표준, 그 기로에 서다
2012, 대한민국 웹 표준, 그 기로에 서다2012, 대한민국 웹 표준, 그 기로에 서다
2012, 대한민국 웹 표준, 그 기로에 서다Jonathan Jeon
 
초보 개발자/학생들을 위한 오픈소스 트랜드
초보 개발자/학생들을 위한 오픈소스 트랜드 초보 개발자/학생들을 위한 오픈소스 트랜드
초보 개발자/학생들을 위한 오픈소스 트랜드 YoungSu Son
 
Nocode with 스마트메이커
Nocode with 스마트메이커Nocode with 스마트메이커
Nocode with 스마트메이커Wonjun Hwang
 
20090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.020090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.0Seo Jinho
 
소프트웨어 중심 시대를 준비하자
소프트웨어 중심 시대를 준비하자소프트웨어 중심 시대를 준비하자
소프트웨어 중심 시대를 준비하자Deogtae Kim
 
Rss+reader+n스크린+적용기
Rss+reader+n스크린+적용기Rss+reader+n스크린+적용기
Rss+reader+n스크린+적용기caley2
 
델파이 @22
델파이 @22델파이 @22
델파이 @22Devgear
 
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용ChangGyum Kim
 
Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper, Inc.
 
[NDC17] Protocol:hyperspace Diver 개발 포스트모템
[NDC17] Protocol:hyperspace Diver 개발 포스트모템[NDC17] Protocol:hyperspace Diver 개발 포스트모템
[NDC17] Protocol:hyperspace Diver 개발 포스트모템Young Soo Kim
 
[20140624]소개자료
[20140624]소개자료[20140624]소개자료
[20140624]소개자료유석 남
 
[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)
[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)
[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)Sang Don Kim
 

Ähnlich wie JavaScript Everywhere from Mobile and Robot (20)

Slipp 발표 자료 20151212
Slipp 발표 자료 20151212Slipp 발표 자료 20151212
Slipp 발표 자료 20151212
 
격변하는 프로그래밍 언어, 이제는 Let it go
격변하는 프로그래밍 언어, 이제는 Let it go격변하는 프로그래밍 언어, 이제는 Let it go
격변하는 프로그래밍 언어, 이제는 Let it go
 
하이브리드 앱 개발 개요
하이브리드 앱 개발 개요하이브리드 앱 개발 개요
하이브리드 앱 개발 개요
 
mobile platform
mobile platformmobile platform
mobile platform
 
Mobile Platform
Mobile PlatformMobile Platform
Mobile Platform
 
Waverobo_Intro_NEW_091210
Waverobo_Intro_NEW_091210Waverobo_Intro_NEW_091210
Waverobo_Intro_NEW_091210
 
국내외모바일Os동향및플랫폼동향
국내외모바일Os동향및플랫폼동향국내외모바일Os동향및플랫폼동향
국내외모바일Os동향및플랫폼동향
 
2012, 대한민국 웹 표준, 그 기로에 서다
2012, 대한민국 웹 표준, 그 기로에 서다2012, 대한민국 웹 표준, 그 기로에 서다
2012, 대한민국 웹 표준, 그 기로에 서다
 
초보 개발자/학생들을 위한 오픈소스 트랜드
초보 개발자/학생들을 위한 오픈소스 트랜드 초보 개발자/학생들을 위한 오픈소스 트랜드
초보 개발자/학생들을 위한 오픈소스 트랜드
 
Nocode with 스마트메이커
Nocode with 스마트메이커Nocode with 스마트메이커
Nocode with 스마트메이커
 
20090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.020090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.0
 
소프트웨어 중심 시대를 준비하자
소프트웨어 중심 시대를 준비하자소프트웨어 중심 시대를 준비하자
소프트웨어 중심 시대를 준비하자
 
Rss+reader+n스크린+적용기
Rss+reader+n스크린+적용기Rss+reader+n스크린+적용기
Rss+reader+n스크린+적용기
 
델파이 @22
델파이 @22델파이 @22
델파이 @22
 
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
 
Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014
 
[NDC17] Protocol:hyperspace Diver 개발 포스트모템
[NDC17] Protocol:hyperspace Diver 개발 포스트모템[NDC17] Protocol:hyperspace Diver 개발 포스트모템
[NDC17] Protocol:hyperspace Diver 개발 포스트모템
 
[20140624]소개자료
[20140624]소개자료[20140624]소개자료
[20140624]소개자료
 
Native A/V
Native A/VNative A/V
Native A/V
 
[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)
[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)
[TD2015] 이 시대에 소규모 게임 개발팀이 마소와 함께 살아가는 방법(송용성)
 

Mehr von Circulus

라즈베리파이와자바스크립트로만드는 IoT
라즈베리파이와자바스크립트로만드는 IoT라즈베리파이와자바스크립트로만드는 IoT
라즈베리파이와자바스크립트로만드는 IoTCirculus
 
라즈베리파이입문 - 연세대 특강
라즈베리파이입문 - 연세대 특강라즈베리파이입문 - 연세대 특강
라즈베리파이입문 - 연세대 특강Circulus
 
Personal Interconnect AUdio - piAu manual
Personal Interconnect AUdio - piAu manualPersonal Interconnect AUdio - piAu manual
Personal Interconnect AUdio - piAu manualCirculus
 
Startup JavaScript 10 - OpenAPI & RSS 활용
Startup JavaScript 10 - OpenAPI & RSS 활용Startup JavaScript 10 - OpenAPI & RSS 활용
Startup JavaScript 10 - OpenAPI & RSS 활용Circulus
 
Startup 123D Design - 9. 강아지 모델링
Startup 123D Design - 9. 강아지 모델링Startup 123D Design - 9. 강아지 모델링
Startup 123D Design - 9. 강아지 모델링Circulus
 
Startup 123D Design - 10. 3D프린팅
Startup 123D Design - 10. 3D프린팅Startup 123D Design - 10. 3D프린팅
Startup 123D Design - 10. 3D프린팅Circulus
 
Startup JavaScript 9 - Socket.IO 실시간 통신
Startup JavaScript 9 - Socket.IO 실시간 통신Startup JavaScript 9 - Socket.IO 실시간 통신
Startup JavaScript 9 - Socket.IO 실시간 통신Circulus
 
Startup JavaScript 7 - Node.JS 기초
Startup JavaScript 7 - Node.JS 기초Startup JavaScript 7 - Node.JS 기초
Startup JavaScript 7 - Node.JS 기초Circulus
 
Startup JavaScript 6 - 함수, 스코프, 클로저
Startup JavaScript 6 - 함수, 스코프, 클로저Startup JavaScript 6 - 함수, 스코프, 클로저
Startup JavaScript 6 - 함수, 스코프, 클로저Circulus
 
Startup JavaScript 8 - NPM, Express.JS
Startup JavaScript 8 - NPM, Express.JSStartup JavaScript 8 - NPM, Express.JS
Startup JavaScript 8 - NPM, Express.JSCirculus
 
Startup 123D Design - 8.벤치 만들기
Startup 123D Design - 8.벤치 만들기Startup 123D Design - 8.벤치 만들기
Startup 123D Design - 8.벤치 만들기Circulus
 
Startup 123D Design - 7.물뿌리개 만들기
Startup 123D Design - 7.물뿌리개 만들기Startup 123D Design - 7.물뿌리개 만들기
Startup 123D Design - 7.물뿌리개 만들기Circulus
 
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)Circulus
 
123D Design - 전구 디자인 하기
123D Design - 전구 디자인 하기123D Design - 전구 디자인 하기
123D Design - 전구 디자인 하기Circulus
 
Startup JavaScript 4 - 객체
Startup JavaScript 4 - 객체Startup JavaScript 4 - 객체
Startup JavaScript 4 - 객체Circulus
 
Startup JavaScript 3 - 조건문, 반복문, 예외처리
Startup JavaScript 3 - 조건문, 반복문, 예외처리Startup JavaScript 3 - 조건문, 반복문, 예외처리
Startup JavaScript 3 - 조건문, 반복문, 예외처리Circulus
 
123D Design - 화분 만들기
123D Design - 화분 만들기123D Design - 화분 만들기
123D Design - 화분 만들기Circulus
 
123D Design - 컵 만들기
123D Design - 컵 만들기123D Design - 컵 만들기
123D Design - 컵 만들기Circulus
 
123D Design - 정리함 만들기
123D Design - 정리함 만들기123D Design - 정리함 만들기
123D Design - 정리함 만들기Circulus
 
2.Startup JavaScript - 연산자
2.Startup JavaScript - 연산자2.Startup JavaScript - 연산자
2.Startup JavaScript - 연산자Circulus
 

Mehr von Circulus (20)

라즈베리파이와자바스크립트로만드는 IoT
라즈베리파이와자바스크립트로만드는 IoT라즈베리파이와자바스크립트로만드는 IoT
라즈베리파이와자바스크립트로만드는 IoT
 
라즈베리파이입문 - 연세대 특강
라즈베리파이입문 - 연세대 특강라즈베리파이입문 - 연세대 특강
라즈베리파이입문 - 연세대 특강
 
Personal Interconnect AUdio - piAu manual
Personal Interconnect AUdio - piAu manualPersonal Interconnect AUdio - piAu manual
Personal Interconnect AUdio - piAu manual
 
Startup JavaScript 10 - OpenAPI & RSS 활용
Startup JavaScript 10 - OpenAPI & RSS 활용Startup JavaScript 10 - OpenAPI & RSS 활용
Startup JavaScript 10 - OpenAPI & RSS 활용
 
Startup 123D Design - 9. 강아지 모델링
Startup 123D Design - 9. 강아지 모델링Startup 123D Design - 9. 강아지 모델링
Startup 123D Design - 9. 강아지 모델링
 
Startup 123D Design - 10. 3D프린팅
Startup 123D Design - 10. 3D프린팅Startup 123D Design - 10. 3D프린팅
Startup 123D Design - 10. 3D프린팅
 
Startup JavaScript 9 - Socket.IO 실시간 통신
Startup JavaScript 9 - Socket.IO 실시간 통신Startup JavaScript 9 - Socket.IO 실시간 통신
Startup JavaScript 9 - Socket.IO 실시간 통신
 
Startup JavaScript 7 - Node.JS 기초
Startup JavaScript 7 - Node.JS 기초Startup JavaScript 7 - Node.JS 기초
Startup JavaScript 7 - Node.JS 기초
 
Startup JavaScript 6 - 함수, 스코프, 클로저
Startup JavaScript 6 - 함수, 스코프, 클로저Startup JavaScript 6 - 함수, 스코프, 클로저
Startup JavaScript 6 - 함수, 스코프, 클로저
 
Startup JavaScript 8 - NPM, Express.JS
Startup JavaScript 8 - NPM, Express.JSStartup JavaScript 8 - NPM, Express.JS
Startup JavaScript 8 - NPM, Express.JS
 
Startup 123D Design - 8.벤치 만들기
Startup 123D Design - 8.벤치 만들기Startup 123D Design - 8.벤치 만들기
Startup 123D Design - 8.벤치 만들기
 
Startup 123D Design - 7.물뿌리개 만들기
Startup 123D Design - 7.물뿌리개 만들기Startup 123D Design - 7.물뿌리개 만들기
Startup 123D Design - 7.물뿌리개 만들기
 
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
Startup JavaScript 5 - 객체(Date, RegExp, Object, Global)
 
123D Design - 전구 디자인 하기
123D Design - 전구 디자인 하기123D Design - 전구 디자인 하기
123D Design - 전구 디자인 하기
 
Startup JavaScript 4 - 객체
Startup JavaScript 4 - 객체Startup JavaScript 4 - 객체
Startup JavaScript 4 - 객체
 
Startup JavaScript 3 - 조건문, 반복문, 예외처리
Startup JavaScript 3 - 조건문, 반복문, 예외처리Startup JavaScript 3 - 조건문, 반복문, 예외처리
Startup JavaScript 3 - 조건문, 반복문, 예외처리
 
123D Design - 화분 만들기
123D Design - 화분 만들기123D Design - 화분 만들기
123D Design - 화분 만들기
 
123D Design - 컵 만들기
123D Design - 컵 만들기123D Design - 컵 만들기
123D Design - 컵 만들기
 
123D Design - 정리함 만들기
123D Design - 정리함 만들기123D Design - 정리함 만들기
123D Design - 정리함 만들기
 
2.Startup JavaScript - 연산자
2.Startup JavaScript - 연산자2.Startup JavaScript - 연산자
2.Startup JavaScript - 연산자
 

Kürzlich hochgeladen

Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Wonjun Hwang
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Kim Daeun
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionKim Daeun
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Wonjun Hwang
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)Tae Young Lee
 

Kürzlich hochgeladen (6)

Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)
 

JavaScript Everywhere from Mobile and Robot

  • 1. JavaScript Everywhere 하나의 프로그래밍 언어로 모바일부터 로봇까지 THINKER TO MAKER
  • 2. Computer Language THINKER TO MAKER 만국 공통어의 꿈
  • 3. 프로그래밍 언어 소통을 위해 다양한 국가에서 다양한 언어를 가지고 있음 컴퓨터와 소통하기 위한 언어가 프로그래밍 언어임
  • 4. Machine Language / Low Level Language 컴퓨터는 디지털로 기본적으로 0(on), 1(off) 의 신호만을 구분 함 -> 기계어 기계어를 사람이 이해하기 쉽게 구성한 언어가 어셈블리어임
  • 5. High Level Language 복잡한 프로그램을 구성하기 어려운 기계어/어셈블리어를 보다 쉽게 개발하 기 위해 C, Java 등의 언어가 탄생함 -> 너무 다양한 언어
  • 6. 언어의 파편화 다양한 언어로 인하여, 개발 시 다양한 프로그래밍 언어가 요구 됨 융 복합 서비스가 요구되는 시점, 개발 간 차이로 인한 커뮤니케이션 문제 Desktop Mobile Web Server Embeded Database Analysis C# Objective-C JavaScript Java C/C++ SQL Etc.. WANTED - One Language, Multi Use
  • 7. 바벨탑 하나의 언어를 사용하던 시대 -> 각각 다른 말을 사용하는 시대 하나의 언어로 대화를 하던 시대는 어땠을까?
  • 8. JavaScript Everywhere JavaScript 현재 시점으로 가장 효율 적인 언어 모바일부터 로봇 까지 폭 넓게 활용할 수 있는 유일한 언어
  • 9. Maker Movement THINKER TO MAKER 하드웨어 + 소프트웨어의 만남
  • 10. Opensource Hardware 실패가 자유로운 S/W, 실패가 용납되지 않는 H/W 저렴한 마이크로 컨트롤러/컴퓨터의 등장으로 H/W 영역도 실패가 가능해짐! CHIP The World's First 9$ Computer
  • 11. Make Movement 기존의 DIY 영역에 ICT 기술이 접목되기 시작함 하드웨어를 다루는 전문 기관 (Tech Shop)이 활발하게 이용 됨
  • 12. Make Movement 상상에 머무르던 다양한 아이디어들이 현실로 나타나기 시작 S/W + H/W + Service 가 결합된 다양한 아이디어들이 실제로 구현 됨
  • 13. Raspberry Pi - Microcomputer 컴퓨터가 가지고 있는 기능을 포함 + 외부 하드웨어 제어 가능 (GPIO) 단순한 하드웨어 제어가 아닌 인터넷/데이터/영상/음성 기반 서비스 가능
  • 14. Arduino vs Raspberry Pi 컴퓨터가 가지고 있는 기능을 포함 + 외부 하드웨어 제어 가능 (GPIO) 단순한 하드웨어 제어가 아닌 인터넷/데이터/영상/음성 기반 서비스 가능 Micro Controller No Micro Computer Yes 성격 리눅스 C C, C++, Java, Python, NodeJS, Ruby ...개발 언어 No Yes카메라 Limit Yes무선환경
  • 15. JavaScript THINKER TO MAKER One Language, Multi Purpose
  • 16. JavaScript 웹 어플리케이션을 구동하기 위해 HTML5, CSS3 와 필수적으로 사용 됨 초기 브라우저인 Netscape 에서 LiveScript 라는 이름으로 시작 됨
  • 17. JavaScript 변천 1990년 효과용으로 많이 사용되다가 과도한 사용으로 침체기에 빠짐 Ajax 기술의 등장과 Node.JS 의 등장으로 JavaScript 의 제2의 전성기 맞이 1990년대 후반 : Javascript 전성기 대부분의 웹 페이지에 마우스를 가져다 놓으면 문자열 점열, 상태 바에 문 자열 흘러가기, 페이지 전환 시 페이드 인 페이드 아웃 등의 효면전환 (Transition) 효과 등의 용도로 사용되기 시작함 2000년대 초반 : Javascript 후퇴기 모양새가 안 좋은 웹페이지 장식을 위한 언어, 프로그래밍 초보자나 사용하 는 저속한 언어의 이미지, 크로스 브라우징 문제와 보안 취약점 문제로 인 하여 나쁜 이미지가 정착되는 요인이 됨 2000년대 중반: Javascript 도약기 RIA(Rich Internet Application) 을 작성할 수 있는 Ajax(Asynchronous Javascript + XML)가 등장하고 Javascript 국제 표준화 단체인 ECMA 하에 표준화가 진행되어 언어로서의 완성도가 높아짐 2010년대 초반 : Javascript 부흥기 2000년 후반 NodeJS 의 등장으로 서버부터 클라이언트까지 전 영역에 Javascript 가 활용가능 해짐. HTML5 등장으로 Javascript 와 함께 Desktop Applcation 수준의 웹 어플리케이션 개발이 가능해 짐
  • 18. Node.JS 의 등장 JavaScript 는 본래, 웹 클라이언트 전용 프로그래밍 언어였음. Node.JS 의 등장으로 서버가 가능해지고, Full Stack Developer 가 등장함
  • 19. 왜 JavaScript 인가? 가장 활발히 사용 됨 (Github, Stackoverflow, 해커톤 사용 1위 언어) 별도 프로그램 설치 필요 없이 모든 플랫폼의 브라우저에서 즉시 활용
  • 20. H/W with JavaScript Linux 가 탑재되는 Micro Computer 는 다양한 컴퓨터 언어 활용 가능 Node.JS 와 GPIO 제어용 JavaScript 라이브러리로 하드웨어 영역으로 확장
  • 23. Circulus 2013년, 누구나 아이디어를 현실화 할 수 있는 환경을 제공하기 위해 시작 2014년 하드웨어 결합, 2015년 휴머노이드 로봇, 2016.09.01 창업 2 0 1 3 2 0 1 4 2 0 1 5 2015 창조경제박람회 우수 메이커 선정 2016 K-ICT 디바이스 랩 파워유저 1위 선정 2015 과학기술창작대전, 2016 서울시 I해커톤U 우수상 수상 Douglas Rushkoff Codecademy 가 고민하고 있는 소셜 차원의 러닝을 당신은 이미 구현했다. - Media theorist, columnist, writer 김진형 소장 이제 정말 가능한 일인가? 초급 S/W 교육 후의 전문 과정에 쓰일 수 있다. - 소프트웨어 정책연구소 소장
  • 24. JavaScript in Circulus 모바일, 플랫폼, 로봇 모두가 JavaScript 로 개발 및 운영 됨 IoT 개발 플랫폼 기반 소스 활용 및 관리 -> 개발 향상성 증대 MobilePC Server Database AnalysisIoT Platform Embeded Wearable
  • 25. Circulus IoT Platform 자체 IoT 플랫폼인 Circulus 를 기반으로 교육/개발/운영 수집된 데이터를 기반으로 학습기반 지능형 / 맞춤형 서비스 제공 Android Tizen Linux API Gateway Circulus Android App Circulus Tizen App CirculOS IoT Mngt.Data Mngt.Micro Service IoT EDU/MAKE Platform Legacy Platform Circulus Platform Analysis C L O U D A R E A Mobile/PC Web Browser
  • 26. piBo – Personal Intelligent roBOt 친구와 비서 역할을 하는 소셜 및 코딩 교육을 지원하는 지능형 로봇 사용자가 직접 외관을 꾸미거나, 클라우드 환경을 통한 직접 개발 지원 SocialPersonal Intelligent roBOt Education 친구 비서 코딩 활용 3D프린터 응용 대화/사진/음악 뉴스/메일/일정 3단계별 코딩 교육 외관 및 액세서리
  • 27. Education with piBo 로봇 사용자에서 메이커가 될 수 있는 교육 환경 제공 초급용 블록기반 프로그래밍, 중/고급을 위한 자바스크립트 프로그래밍 지원 초급 로봇 프로그래밍 교육 중/고급 로봇 프로그래밍 교육 • 좌측 : 버튼 및 대화형 로봇 제어 • 중앙 : 블록 코딩을 통한 로봇 제어 및 기능 조작 • 우측 : 블록 코딩의 실제 프로그래밍 언 어로의 변역결과 노출 • 실제 프로그래밍 언어로 로봇 추가 기능 개발을 가능하게 함 • 로봇 S/W 개발/배포/테스트 등을 클라 우드 상에서 지원 • SDK 를 활용한 고급 기능 개발
  • 28. Singularity 인공지능, 로봇기술 발달은 증기기관, 전자공학 발전에 이은 4차 산업혁명 – 스위스 UBS 보고서 2020년까지 500만개의 일자리 사라진다 – 다보스 포럼 PC, 스마트폰에 이은 로봇이 이끄는 4차 산업혁명 시대가 도래함 로봇을 활용하여 자신의 가치를 극대화 해야 하는 시대에 진입하고 있음
  • 29. Full Stack Developer with JavaScript Node.JS 의 등장으로 Full Stack Developer 라는 용어가 처음 등장. 사용 범위 증대로 2세대, 3세대 Full Stack Developer 가 요구될 것으로 보임 Full Stack Developer PC / Mobile Client (Web / App) 2011 1st Generation 2015 2nd Generation 2018 3nd Generation Server Database IoT (Embeded / Wearable) Analysis Artificial Intelligent Virtual Reality
  • 31. 앞으로 로봇 하면 생각나는 디자이너, 로봇 하면 생각나는 개발자 모집 JavaScript 능숙자 우대 (현 전 팀원 2세대 Full Stack Developer 경험자) WANTED Designer Programmer
  • 32. W www.circul.us G group.circul.us S social.circul.us C cafe.circul.us CONTACT.US circulus@circul.us THINKER TO MAKER ANY QUESTION?