[JavaScript] #03 Javascript 소개 - JavaScript는 어디에 쓰일까? 웹부터 게임까지 활용 분야 총정리!
안녕하세요, 토스트 데브입니다!
앞서 JavaScript의 정의와 역사, 특징에 대해 살펴보았죠.
오늘은 JavaScript가 실제로 어디에 사용되는지 다양한 활용 분야를 소개해드릴게요.
🌐 1. 웹 프론트엔드 개발
JavaScript의 가장 대표적인 활용 분야는 바로 웹페이지의 프론트엔드(Frontend)입니다.
HTML이 웹페이지의 구조를 만들고, CSS가 스타일을 담당한다면, JavaScript는 웹페이지에 생명력을 불어넣는 언어입니다.
📌 대표 기능
- 버튼 클릭 시 동작 처리
- 모달 창 열기/닫기
- 실시간 입력 검사 (Validation)
- 애니메이션 효과
- 비동기 데이터 요청 (AJAX, fetch 등)
🔧 사용 프레임워크/라이브러리
- React
- Vue.js
- Angular
🔧 2. 웹 백엔드 개발 (서버 사이드)
예전엔 JavaScript는 클라이언트 측에서만 실행되었지만, Node.js의 등장으로 JavaScript는 서버 사이드 개발에도 활용됩니다.
📌 Node.js란?
- Google의 V8 JavaScript 엔진 기반의 런타임
- 비동기 처리에 강하고, 빠른 성능을 자랑
- JavaScript 하나로 프론트엔드 + 백엔드를 모두 개발 가능
🔧 주요 프레임워크
- Express.js (가장 대표적인 Node.js 웹 프레임워크)
- Nest.js (TypeScript 기반의 구조화된 백엔드 프레임워크)
📱 3. 모바일 앱 개발
JavaScript로 iOS와 Android 앱을 동시에 만들 수 있다는 사실, 알고 계셨나요?
React Native, Ionic 같은 프레임워크 덕분에 JavaScript 하나로도 앱 개발이 가능합니다.
🔧 대표 프레임워크
- React Native: 페이스북에서 만든 모바일 앱 프레임워크
- Ionic: HTML, CSS, JS 기반의 하이브리드 앱 제작 툴
📱 실제 사례
- Facebook 앱 (React Native 기반)
- Instagram 일부 기능
- Uber Eats
💻 4. 데스크탑 애플리케이션 개발
웹이 아닌 윈도우나 맥에서 실행되는 앱도 JavaScript로 만들 수 있습니다.
이런 데스크탑 앱은 Electron 같은 프레임워크를 통해 제작됩니다.
🔧 대표 프레임워크
- Electron
→ Chromium + Node.js를 기반으로 웹 기술로 데스크탑 앱 제작
📦 실제 사례
- Visual Studio Code
- Slack 데스크탑 앱
- Discord
🎮 5. 게임 개발
JavaScript로 간단한 2D, 3D 게임도 만들 수 있습니다.
웹 브라우저에서 바로 실행 가능한 게임을 만들 수 있기 때문에
접근성과 배포가 쉬운 장점이 있습니다.
🔧 대표 엔진 및 라이브러리
- Phaser: 2D HTML5 게임 엔진
- Three.js: 3D 그래픽 구현용 라이브러리
- Babylon.js: 고성능 3D 게임 엔진
📊 6. 데이터 시각화 및 대시보드
JavaScript는 데이터 시각화와 대시보드 구축에서도 많이 사용됩니다.
인터랙티브한 그래프, 차트, 지도를 쉽게 구현할 수 있습니다.
🔧 시각화 라이브러리
- Chart.js
- D3.js
- ECharts
🤖 7. 기타 활용 분야
- IoT (사물인터넷): Node.js와 함께 하드웨어 제어 가능 (Johnny-Five)
- 머신러닝: TensorFlow.js를 통해 브라우저에서 AI 모델 실행 가능
- 웹 자동화: Puppeteer, Playwright로 브라우저 테스트 및 크롤링
🧭 마무리하며
JavaScript는 더 이상 단순한 웹 언어가 아닙니다.
웹, 서버, 앱, 게임, AI까지… 그야말로 만능 언어로 진화하고 있습니다.
JavaScript 하나만 잘 익혀도, 다양한 분야에 도전할 수 있어요!
#JavaScript, #자바스크립트활용, #프론트엔드, #NodeJS, #ReactNative, #Electron, #웹개발, #앱개발, #게임개발, #ToastDev