KOSTA 스토리

[가산교육센터] HTML5로 게임을!? 훈련생 웹 게임 결과

KOSTA
2026-05-29


안녕하세요?

한국소프트웨어기술진흥협회 가산교육센터입니다.


ㅣ🎮HTML5 활용! 직.접 웹 게임을 만듭니다.

        〈AI를 활용한 Node.js와 JavaScript 기반 웹 개발자 양성〉 과정 / 이창현 강사 / 2026. 2.25. - 7.24 

a79ac7b7ff687.jpg


KOSTA 훈련생들이 직접 만든 웹 게임 프로젝트를 소개합니다.


한국소프트웨어기술진흥협회 가산교육센터에서 운영 중인

〈AI를 활용한 Node.js와 JavaScript 기반 웹 개발자 양성〉 과정에서는

교과목 훈련이 끝난 뒤, 배운 내용을 활용해 개인 프로젝트를 진행하고 있습니다.


이번 프로젝트 주제는

「HTML5 기반 웹애플리케이션 제작하기」 였습니다.


훈련생들은 HTML5, CSS3, JavaScript를 바탕으로

각자 만들고 싶은 웹 애플리케이션 주제를 선정하고,

기획부터 화면 구성, 기능 구현, 테스트, GitHub 게시까지 수행했습니다.


이번 결과물에는 다양한 웹 게임이 담겼습니다.


8f95435ad838d.jpg

6db80b895325f.jpg

514a81c5e98e0.jpg


✅ 3D 공간에서 퍼즐을 푸는 SOKOBAN 3D

✅ 레이저를 피해 오래 생존하는 Laser Survive

✅ 대형 맵에서 아이템을 수집하며 점수를 올리는 Bullet-Run


b66656585d615.jpg

ba01f904c9009.jpg

a941fdad58a52.jpg


✅ 아케이드 벽돌깨기와 보스전이 결합된 Sil Me Do

✅ 마우스로 과일을 베는 Fruit Slider

✅ 로그인과 랭킹 기능을 적용한 슬라이딩 퍼즐



수업 시간에 배운 HTML5와 JavaScript가

하나의 웹 게임으로 완성되는 경험.


그 과정에서 훈련생들은 코드 작성 능력뿐 아니라

문제를 정의하고, 기능을 설계하고, 오류를 해결하며,

완성된 결과물을 사람들에게 보여주는 경험까지 쌓아갑니다.


ㅣ📌 훈련생 제작 HTML5 웹 게임을 체험해보세요!


이번 개인 프로젝트 결과물은 아래 링크에서 확인할 수 있습니다.


👉 https://create-game-kosta.vercel.app/


예비 훈련생이라면

KOSTA 과정에서 어떤 프로젝트를 만들게 되는지,

HTML5와 JavaScript를 배우면 어떤 결과물까지 구현할 수 있는지

직접 확인해보시기 바랍니다.


2026년 하반기,

웹 개발자로의 성장을 준비하고 있다면

KOSTA 가산교육센터의 채용연계과정에서 시작해보세요.


ㅣ🔗 문의

2c8178f444748.png

 

📌 교육기관  한국소프트웨어기술진흥협회 가산교육센터

📌 교육장소 서울 금천구 가산디지털1로 70 호서대벤처타워 912호

📌 문       의 02-6278-9352

📌 신청하기 https://kostaswedu.co.kr

KOSTA

한국소프트웨어기술진흥협회

Tel. 02-6278-9352 | e-mail.  wjyoo@kosta.or.kr

(사)한국소프트웨어기술진흥협회 


분당교육센터. 경기도 성남시 성남대로 34 하나프라자 6층

가산교육센터. 서울특별시 금천구 가산디지털 1로 70 호서대벤처타워 912호

사업자등록번호. 220-82-03984  ㅣ  대표자. 이단형

NURINSIGHT Copyright ⓒ 2022 KOSTA ALL RIGHTS RESERVED.


카카오톡 채널 채팅하기 버튼