#javascript

html5 수박 게임 만들기

데모 개요 MVP 수박 합치기 게임은 HTML Canvas를 이용하여 만든 웹 기반 과일 합치기 게임이다. 플레이어는 화면 상단에서 과일을 떨어뜨리고, 같은 과일끼리 충돌하면 더 큰 과일로 합쳐진다. 과일이 계속 쌓이다가 위험선 위로 일정 시간 올라가

개요 WebGL(Web Graphics Library)은 웹 브라우저에서 플러그인 없이 GPU(Graphics Processing Unit)를 활용하여 2D 및 3D 그래픽을 렌더링할 수 있는 JavaScript API이다. HTML의 <canvas>

개요 Babel은 최신 JavaScript(ES6+) 및 일부 TypeScript, JSX 코드를 이전 버전의 JavaScript(ES5 등)로 변환(Transpile)하는 도구이다. 브라우저마다 지원하는 JavaScript 기능이 다르기 때문에, B

개요 Electron은 HTML, CSS, JavaScript를 사용하여 Windows, macOS, Linux용 데스크톱 프로그램을 개발할 수 있는 프레임워크이다. 웹사이트를 만드는 기술만으로도 PC 프로그램을 만들 수 있기 때문에 프론트엔드 개발자

개요 Map은 키(Key)와 값(Value)을 한 쌍으로 저장하는 자료구조이다. 배열(Array)은 인덱스로 접근하지만, Map은 키를 통해 데이터를 조회한다. 실제로 대부분의 언어에서 Map은 내부적으로 Hash Table(해시 테이블) 구조를 사용

개요 npm(Node Package Manager)은 Node.js 환경에서 사용하는 공식 패키지 관리자이다. 개발자는 npm을 이용해 라이브러리와 프레임워크를 쉽게 설치하고 업데이트할 수 있으며, 프로젝트에서 필요한 의존성(Dependency)을 효

개요 JSX(JavaScript XML)는 JavaScript 코드 안에서 HTML과 유사한 문법으로 UI를 작성할 수 있도록 만든 문법 확장(Syntax Extension) 이다. React에서 가장 많이 사용되며, 브라우저가 직접 실행하는 것이 아

개요 AJAX(Asynchronous JavaScript and XML)는 웹페이지를 새로고침하지 않고 서버와 비동기적으로 데이터를 주고받는 기술이다. 초기에는 XML 형식을 많이 사용했지만, 현재는 대부분 JSON 형식을 사용한다. AJAX를 이용하

개요 Vue.js는 사용자 인터페이스(UI)를 구축하기 위한 오픈소스 JavaScript 프레임워크이다. 간결한 문법과 낮은 진입 장벽으로 빠르게 웹 애플리케이션을 개발할 수 있으며, 컴포넌트(Component) 기반 구조를 사용하여 재사용성과 유지보

개요 Service Worker는 브라우저와 서버 사이에서 동작하는 백그라운드 JavaScript 스크립트이다. 웹페이지와 독립적으로 실행되며, 네트워크 요청을 가로채 캐시를 활용하거나 오프라인 기능, 푸시 알림, 백그라운드 동기화 등을 구현할 수 있

개요 React는 Meta(Facebook)에서 개발한 오픈소스 JavaScript UI 라이브러리이다. 컴포넌트(Component) 기반 구조를 사용하여 화면을 작은 단위로 분리해 개발할 수 있으며, Virtual DOM을 활용하여 효율적인 렌더링

개요 JavaScript는 웹 브라우저에서 동적인 기능을 구현하기 위해 개발된 프로그래밍 언어이다. 현재는 브라우저뿐만 아니라 Node.js를 통해 서버 개발도 가능하며, 웹 개발에서 HTML, CSS와 함께 필수적으로 사용되는 기술이다. React,