텐서플로우.js를 이용한 인공지능 알고리즘 데모 (브라우저에서 바로 실행)

딥러닝과 머신러닝 라이브러리 중 가장 접근하기 좋은게 텐서플로우 일텐데요. 이쪽 작업을 하려면 파이썬을 쓰는게 거의 정석처럼 되어있죠. 그런데, 얼마전에 웹개발자들에게도 희소식이 들려왔습니다. 웹에서도 텐서플로우 라이브러리를 활용할 수 있도록 자바스크립트 버전이 나왔기 때문이죠!

이제 웹브라우저에서도 텐서플로우를 활용해서 기계학습을 시킬 수 있게 되었습니다. 아직 파이썬과 100% 동일한 기능은 사용할 수 없고, 파이썬에 비해서 성능도 10배 이상 떨어지지만 웹프론트엔드 환경에서도 텐서플로우를 쓸 수 있다는 것 자체가 고무적입니다. 부족한 부분들도 빠르게 개선돼 나갈 것으로 생각합니다.

텐서플로우.js 공식사이트 : https://js.tensorflow.org/

텐서플로우.js 시작

CDN을 이용하는 방법

https://cdn.jsdelivr.net/npm/@tensorflow/[email protected] 를 HTML 페이지 안에서 호출해주면 됩니다.

yarn과 npm을 이용한 패키지 임포트

yarn : $ yarn add @tensorflow/tfjs
npm : $ npm install @tensorflow/tfjs

API레퍼런스 문서 : https://js.tensorflow.org/api/0.10.0/

아래는 텐서플로우 자바스크립트 퀵스타트 영상들입니다.

TensorFlow for JavaScript (Google I/O '18)

Machine Learning in JavaScript (TensorFlow Dev Summit 2018)

TensorFlow.js Quick Start

공식 홈페이지에 올라 온 몇가지 예제 알고리즘

POSENET

사람의 얼굴과 몸을 기계학습한 데모입니다. 얼굴에서 눈과 코를 찾아서 정확하게 점을 찍어줍니다. 카메라에서 멀리 떨어지면 사람의 몸을 인지해서 골격을 표현해줍니다.

데모페이지 주소 : https://storage.googleapis.com/tfjs-models/demos/posenet/camera.html

Performance RNN

퍼포먼스 RNN은 인공지능 작곡가 겸 피아니스트입니다. 선배 인간 피아니스트들의 곡을 듣고 작곡을 스스로 배웠죠. 물론 연주하는 법도요. 데모페이지에 접근하면 퍼포먼스RNN이 작곡한 피아노곡을 감상할 수 있습니다.

데모페이지 주소 : https://magenta.tensorflow.org/demos/performance_rnn/index.html#2|2,0,1,0,1,1,0,1,0,1,0,1|1,1,1,1,1,1,1,1,1,1,1,1|1,1,1,1,1,1,1,1,1,1,1,1|true

배울것도 많고, 재미있는 것도 너무 많이 쏟아지네요. 주말 잘 보내세요.