1. 모바일 앱 제작
- iOS 앱은 Swift로, 안드로이드 앱은 Kotlin으로 만드는 것이 정석
- 하지만 React Native를 사용해서 자바스크립트로도 모바일 앱을 만들 수 있다!
- 실제 사례: 인스타, 페이스북 등
2. 비디오 앱 (화상회의)
- 실제 사례: 구글 행아웃, 디스코드 등 (앱 설치 없어도 브라우저에서 작동)
- 사용 기술: WebRTC (웹 브라우저 간에 플러그인의 도움 없이 서로 통신할 수 있도록 설계된 API)
3. 로봇 및 IoT 디바이스 앱
- Ardouino, Raspberry Pi : 하드웨어 제어 가능하게 해주는 초소형 컴퓨터
- 사용 라이브러리: Johnny-Five
- Johnny-Five가 지원하는 분야: 각종 모터, GPS, 적외선 센서, 근접 센서 등
4. 챗봇 (카카오톡 채널 플러스 친구 등)
- 구글 홈, 네이버 클로버 등 AI 스피커에서 적용 가능
5. 업무 자동화
- 구글 스프레드시트에서 매크로를 자바스크립트로 작성 가능
- 웹 크롤링에 가장 적합한 언어가 자바스크립트
- Puppeteer 키워드 검색 추천
6. 데이터 시각화
- 선거 때 네이버 등 포털에서 지역별 득표수를 보여주는 것도 데이터 시각화의 일종
- New York Times 2021: The Year in Visual Stories and Graphics
- 시각화를 통한 저널리즘이 무엇인지 볼 수 있는 사례
- 자료를 그래프로 구현하는 것 뿐 아니라 인터랙티브하게 기사 읽을 수 있도록 데이터 시각화, 상호작용할 수 있는 기능 넣어서 세련된 사용자 경험을 제공한다.
2021: The Year in Visual Stories and Graphics
Selected Times graphics, visualizations and multimedia stories published this year.
www.nytimes.com
- 관련 라이브러리: D3.js
D3.js 갤러리: https://observablehq.com/@d3/gallery
D3 Gallery
Looking for a good D3 example? Here’s a few (okay, …) to peruse. Animation D3’s data join, interpolators, and easings enable flexible animated transitions between views while preserving object constancy. Interaction D3’s low-level approach allows f
observablehq.com
7. 머신러닝
- 머신러닝 하면 Python부터 떠오르는데?
- 유명 라이브러리: 구글에서 만든 TensorFlow (간단한 수준의 머신러닝이 브라우저 상에서도 가능)
- 관련 tool: Teachable Machine
이미지, 오디오 인식 앱이 필요한 경우 Teachable Machine을 통해 데이터를 훈련시키고 결과물을 자바스크립트로 생성해서 내가 만드려고 하는 앱에 적용시킬 수 있다.
💡 개인적으로 데이터 핸들링에 관심이 많은데 데이터 시각화를 보고 가슴이 두근거렸다!
D3.js 기다려라, 내가 곧 간다!!!
🗄 출처: 자바스크립트로 할 수 있는 7가지 - 코드스테이츠
https://www.youtube.com/watch?v=p5vI5OrLJU8
'스크랩' 카테고리의 다른 글
| 불변성 Immutable 이란 무엇인가 (0) | 2022.12.05 |
|---|---|
| 평생 학습자로 살아가는 우리 모두에게 필요한 이야기 (0) | 2022.11.30 |
| mutable or immutable ? (0) | 2022.11.12 |
| 호출 스택, 태스크 큐, 이벤트 루프 (0) | 2022.11.12 |
| 웹의 역사와 앞으로의 프론트엔드 (0) | 2022.10.26 |