#javascript
관련 글 18개
html5 수박 게임 만들기
데모 개요 MVP 수박 합치기 게임은 HTML Canvas를 이용하여 만든 웹 기반 과일 합치기 게임이다. 플레이어는 화면 상단에서 과일을 떨어뜨리고, 같은 과일끼리 충돌하면 더 큰 과일로 합쳐진다. 과일이 계속 쌓이다가 위험선 위로 일정 시간 올라가
WebGL
개요 WebGL(Web Graphics Library)은 웹 브라우저에서 플러그인 없이 GPU(Graphics Processing Unit)를 활용하여 2D 및 3D 그래픽을 렌더링할 수 있는 JavaScript API이다. HTML의 <canvas>
Babel
개요 Babel은 최신 JavaScript(ES6+) 및 일부 TypeScript, JSX 코드를 이전 버전의 JavaScript(ES5 등)로 변환(Transpile)하는 도구이다. 브라우저마다 지원하는 JavaScript 기능이 다르기 때문에, B
Electron
개요 Electron은 HTML, CSS, JavaScript를 사용하여 Windows, macOS, Linux용 데스크톱 프로그램을 개발할 수 있는 프레임워크이다. 웹사이트를 만드는 기술만으로도 PC 프로그램을 만들 수 있기 때문에 프론트엔드 개발자
Map
개요 Map은 키(Key)와 값(Value)을 한 쌍으로 저장하는 자료구조이다. 배열(Array)은 인덱스로 접근하지만, Map은 키를 통해 데이터를 조회한다. 실제로 대부분의 언어에서 Map은 내부적으로 Hash Table(해시 테이블) 구조를 사용
npm
개요 npm(Node Package Manager)은 Node.js 환경에서 사용하는 공식 패키지 관리자이다. 개발자는 npm을 이용해 라이브러리와 프레임워크를 쉽게 설치하고 업데이트할 수 있으며, 프로젝트에서 필요한 의존성(Dependency)을 효
JSX
개요 JSX(JavaScript XML)는 JavaScript 코드 안에서 HTML과 유사한 문법으로 UI를 작성할 수 있도록 만든 문법 확장(Syntax Extension) 이다. React에서 가장 많이 사용되며, 브라우저가 직접 실행하는 것이 아
AJAX
개요 AJAX(Asynchronous JavaScript and XML)는 웹페이지를 새로고침하지 않고 서버와 비동기적으로 데이터를 주고받는 기술이다. 초기에는 XML 형식을 많이 사용했지만, 현재는 대부분 JSON 형식을 사용한다. AJAX를 이용하
Vue.js
개요 Vue.js는 사용자 인터페이스(UI)를 구축하기 위한 오픈소스 JavaScript 프레임워크이다. 간결한 문법과 낮은 진입 장벽으로 빠르게 웹 애플리케이션을 개발할 수 있으며, 컴포넌트(Component) 기반 구조를 사용하여 재사용성과 유지보
Service Worker
개요 Service Worker는 브라우저와 서버 사이에서 동작하는 백그라운드 JavaScript 스크립트이다. 웹페이지와 독립적으로 실행되며, 네트워크 요청을 가로채 캐시를 활용하거나 오프라인 기능, 푸시 알림, 백그라운드 동기화 등을 구현할 수 있
React
개요 React는 Meta(Facebook)에서 개발한 오픈소스 JavaScript UI 라이브러리이다. 컴포넌트(Component) 기반 구조를 사용하여 화면을 작은 단위로 분리해 개발할 수 있으며, Virtual DOM을 활용하여 효율적인 렌더링
JavaScript
개요 JavaScript는 웹 브라우저에서 동적인 기능을 구현하기 위해 개발된 프로그래밍 언어이다. 현재는 브라우저뿐만 아니라 Node.js를 통해 서버 개발도 가능하며, 웹 개발에서 HTML, CSS와 함께 필수적으로 사용되는 기술이다. React,
jQuery
개요 jQuery는 JavaScript를 더 쉽고 간결하게 사용할 수 있도록 만들어진 오픈소스 라이브러리이다. 과거에는 브라우저 호환성 문제를 해결하고 DOM 조작을 간편하게 하기 위해 매우 널리 사용되었으며, 현재도 그누보드, 워드프레스, 레거시 P
프론트엔드
개요 프론트엔드는 사용자가 직접 보고 상호작용하는 웹사이트 또는 애플리케이션의 화면을 개발하는 분야이다. 웹 브라우저에서 실행되며, HTML로 구조를 만들고 CSS로 디자인을 적용하며 JavaScript로 동적인 기능을 구현한다. 최근에는 React,
TypeScript
개요 TypeScript는 Microsoft에서 개발한 JavaScript의 상위 언어(Superset) 로, 정적 타입(Static Type)을 지원하는 프로그래밍 언어이다. JavaScript 코드에 타입(Type)을 명시할 수 있어 개발 단계에서
Fetch API
개요 Fetch API는 JavaScript에서 HTTP 요청을 보내고 응답을 처리하기 위한 표준 웹 API이다. 기존 XMLHttpRequest보다 문법이 간결하고 Promise 기반으로 동작하며, async/await와 함께 사용하면 가독성이 높은
SPA
개요 SPA(Single Page Application)는 최초 한 번만 웹페이지를 로드한 뒤, 이후에는 필요한 데이터만 서버와 통신하여 화면을 동적으로 변경하는 웹 애플리케이션 방식이다. 기존 웹사이트처럼 페이지 전체를 새로고침하지 않고 필요한 부분
Node.js
개요 Node.js는 Google V8 JavaScript 엔진 기반의 JavaScript 런타임 환경이다. 기존에는 브라우저에서만 실행되던 JavaScript를 서버에서도 실행할 수 있도록 개발되었으며, 현재는 웹 서버, REST API, 채팅 서버