[JS] 자바스크립트로 할 수 있는 7가지

첫 번째, 모바일 앱

아이폰 앱을 만들 때는 Swift, 안드로이드는 Kotlin이라는 언어를 사용한다.

그러나 자바스크립트로 React Native를 사용하여 자바스크립트를 기반으로 프로그래밍하여 모바일앱을 만들 수 있다. 

인스타그램, 페이스북이 대표적인 예이다.

🌱 자바스크립트로 모바일 앱 만들어보기 👉 https://reactnative.dev/

---

두 번째, 비디오&오디오 앱

구글 행아웃, 디스코드와 같은 화상통화 앱은 특별히 프로그램 설치 없이 브라우저에서 프로그램이 돌아간다.

즉, 자바스크립트로 가능한 것! WebRTC라는 기술을 쓴다.

또한 자바스크립트로 만든 신디사이저도 존재한다.

☘️ 자바스크립트로 만든 신디사이저 체험해보기 👉 https://websynths.com/

---

세 번째, 로봇 및 IoT 디바이스 앱

학교에서 많이 활용되는 아두이노, 라즈베리 파이는 간단한 하드웨어를 붙여서 제어할 수 있게 만든 초소형 컴퓨터이다.

(아악.... 잊고 있었던 코로나 시절의 정보부장 시절이 떠오른다.)

하드웨어의 제어에도 자바스크립트를 쓸 수 있다.

Johnny-Five라는 라이브러리는 LED, 각종 모터, GPS, 적외선~근접센서 등을 지원한다.

로봇이든 IoT든 이제는 하드웨어 지식 + 자바스크립트 + 아이디어만 있음면 뭐든지 만들 수 있다. 

🍀 자바스크립트로 하드웨어 제어해보기 👉 http://johnny-five.io/

---

네 번째, 챗봇

카카오톡채널(플러스친구) 1:1 상담이나 스마트 채팅 등 카톡, 페북 플랫폼에서 챗봇기능을 제공할 때 자바스크립트를 쓴다.

구글홈, 네이버 클로버와 같은 AI 스피커에서도 적용이 된다. AI 스피커도 입력을 자연어로 하기 때문에 내부 구현은 거의 흡사하다.

스피커 안에는 자바스크립트를 이용하여 직접 만든 앱을 설치할 수 있다. (네이버 클로버에서 사용할 수 있는 주사위 놀이 소스 등) 

 

---

다섯 번째, 업무 자동화

구글 스프레드 시트를 사용하면 매크로를 자바스크립트로 작성할 수 있다. 

스프레드 시트를 버튼을 눌러 자동으로 메일을 전송하거나 날씨 정보같은 외부 API를 시트로 불러올 수 있다.

웹에서 특정 정보를 가져오는 것을 웹 크롤링을 하는데, 가장 적합한 언어가 바로 자바스크립트이다.

예시로는 Puppeteer와 같은 dev tool 프로토콜을 통해 크롬을 제어할 수 있는 API를 제공하는 노드 라이브러리가 있다.

---

여섯 번째, 시각화

선거철 포털 사이트에서 지역별 득표수를 실시간으로 보여주는 것 역시 자바스크립트로 구현이 가능하다.

대표적인 예로는 시각화를 통한 저널리즘을 실현하는 뉴욕타임즈가 있다.  

뉴욕 타임즈 기사에서는 기사자료를 바탕으로 인터랙티브하게 기사를 읽을 수 있게 해준다. 

🌲 뉴욕타임즈에서 인터랙티브한 기사 읽어보기 👉 https://www.nytimes.com/

애플 홈페이지에서도 역시 시각화를 통한 세련된 사용자 경험을 제공한다. 

관련 라이브러리에는 D3.js 가 있다.

---

일곱 번째, 머신러닝

머싱러닝 라이브러리 구글의 TensorFlow는 파이썬 말고 자바스크립트로도 사용할 수 있다.

모델이 준비되어 있다면 간단한 수준의 머신러닝은 브라우저로도 가능하다.

Teachable machine 을 통해 간단한 데이터를 훈련시키고 결과물을 자바스크립트로 형성해서 앱에 적용시킬 수도 있다. 

 

---

출처

https://www.youtube.com/watch?v=p5vI5OrLJU8