JavaScript 게임 개발: 스크래치부터 시작하는 2D 사이드스크롤러 제작 — WalkSelf
4.0 (2) ⏱ 2시간 30분 📚 25개 레슨 🎧 오디오 버전

JavaScript 게임 개발: 스크래치부터 시작하는 2D 사이드스크롤러 제작

기본적인 JavaScript, HTML, CSS를 사용하여 스크래치부터 애니메이션 2D 게임을 코딩하는 방법을 배우고, 근본적인 게임 물리, 애니메이션, 충돌 메커니즘을 마스터하세요.

  • 💬 AI 강사
    어떤 강의든 질문하면 언제든 즉시 명확한 답을 받을 수 있어요.
  • 🕐 언제든지 시작
    정해진 일정이나 마감이 없어요 — 원할 때 자신의 속도로 배우세요.
  • 🌐 한국어로
    강의, 과제, 수료증까지 — 모두 완전히 당신의 언어로.

이 과정 소개

복잡한 게임 엔진 때문에 압도감을 느꼈으면서도 나만의 비디오 게임을 만들고 싶었던 적이 있나요? 바닐라 JavaScript로 게임을 만드는 것은 프로그래밍과 웹 애니메이션을 동시에 마스터할 수 있는 가장 보람 있는 방법 중 하나입니다. 이 텍스트 기반 코스에서는 창의적인 게임 아이디어를 실현하기 위해 깨끗하고 프레임워크가 없는 코드를 작성하는 방법을 배우게 됩니다. HTML, CSS, 기본 JavaScript 등 핵심 웹 기술에 집중함으로써 향후 어떤 프로젝트에도 적용할 수 있는 게임 루프, 스프라이트 애니메이션, 객체 지향 프로그래밍에 대한 깊은 이해를 기르게 됩니다. 학습 내용: - 최신 JavaScript 실행 패턴과 성능 친화적인 애니메이션 기법을 사용하여 기본적인 게임 루프 개념 이해 - HTML Canvas API를 사용하여 반응형 2D 게임 세계를 디자인하고 다중 레이어 패럴랙스 스크롤링 배경 구현 - 캐릭터가 달리고, 점프하고, 동적으로 상호작용할 수 있도록 스프라이트 애니메이션 렌더링 및 제어 - 플레이어와 적 간의 상호작용을 관리하기 위한 충돌 감지 알고리즘 및 기본 물리 구현 - 현대적인 객체 지향 프로그래밍 원칙을 적용하여 게임 엔티티, 상태 관리, 파워업 시스템 구조화 - 더 쉬운 확장과 디버깅을 위해 모듈식 JavaScript와 클린 코드 원칙을 사용하여 코드베이스 구성 여정은 게임 루프와 캔버스 렌더링의 기본 정의로 시작하여 캐릭터 메커니즘, 스크롤링 환경, 대화형 게임플레이 시스템 구축 과정을 단계별로 안내합니다. 명확한 설명을 읽고 구조화된 코드 스니펫을 공부하여 각 메커니즘이 내부적으로 어떻게 작동하는지 정확히 확인할 수 있습니다. 이 코스는 창의적인 코딩을 배우고자 하는 예비 게임 개발자와 프론트엔드 웹 개발자를 위해 설계되었습니다. 사전 게임 개발 경험은 필요하지 않지만 HTML과 JavaScript에 대한 기본적인 친숙함이 도움이 됩니다. 지금 바로 읽기 시작하여 브라우저 기반의 첫 게임을 처음부터 끝까지 직접 만들어 보세요.

받게 되는 것

  • 📜 수료증
    LinkedIn 프로필에 추가
  • 💬 개인 AI 튜터
    강좌에서 막혔나요? 내장 튜터에게 언제든지 무엇이든 물어보세요.
  • 🎧 오디오 버전 포함
    화면 없이 어디서나 학습
  • ♾️ 평생 이용
    언제든 다시 보세요, 만료 없음
  • 📱 휴대폰 또는 컴퓨터
    어디서든 모든 기기에서
  • 💸 14일 환불
    이유 묻지 않음
  • 짧고 핵심적
    2시간 30분의 실용 학습

리뷰 (2)

Henry Walker AU 인증된 학습자
★ 4 · 28.07.2026

정말 즐겁게 들었어요. 구성이 따라가기 쉽게 되어 있었고, 강사님의 에너지가 저를 몰입하게 만들었어요. 실제 상황에 적용하기 너무 좋아요.

Jonas Weber AT 인증된 학습자
★ 4 · 07.07.2026

와, 정말 인상 깊어요. 실제 적용 사례들이 정말 도움이 됐어요. 추상적인 개념들이 구체적으로 와닿았어요. 가성비 최고!

리뷰 쓰기

보낸 뒤 로그인을 안내합니다 — 임시저장됩니다.

다른 학습자도 수강

자주 묻는 질문

이 과정을 듣는 데 무엇이 필요한가요? +

인터넷이 되는 휴대폰이나 컴퓨터만 있으면 됩니다. 설치나 특별한 장비는 필요 없습니다.

결제는 어떻게 하나요? +

Stripe를 통한 카드로. 카드 정보는 저장하지 않으며 Stripe가 안전하게 처리합니다.

환불받을 수 있나요? +

네 — 14일 이내 전액 환불, 이유를 묻지 않습니다.

얼마나 오래 이용할 수 있나요? +

평생. 구매하면 과정은 당신의 것이며 언제든 다시 볼 수 있습니다.

수료증을 받을 수 있나요? +

네. 수료 시 LinkedIn 프로필에 추가할 수 있는 수료증을 받습니다.

이런 분야 학습자에게
테크 디자인 금융 마케팅 의료 교육 호스피탈리티 제조업