본문 바로가기

Coding3

웹 개발 기초 HTML: VS code에서 HTML 시작하기 웹 개발을 해보고 싶다면 HTML과 CSS, Javascript는 들어보셨을 겁니다.오늘은 HTML의 기초를 공부하고, VS code에서 HTML 파일 생성까지 해봅시다. 웹 게임 개발하려니 돌아갈 산이 정말 많네요... 웹 개발이라는 거대한 성을 짓기 위해서는 가장 먼저 단단한 지반을 다지고 뼈대를 세워야 합니다.그 뼈대가 바로 HTML입니다.이번 포스팅에서는 HTML의 정의부터 실제 웹 게임 제작에 필수적인 태그들까지, 하나부터 열까지 체계적으로 정리해 보겠습니다. 1. HTML의 정의와 본질: 웹의 뼈대HTML(HyperText Markup Language)은 웹 페이지의 구조(Structure)를 서술하는 마크업 언어입니다.본질: HTML은 브라우저(크롬, 사파리 등)에게 "여기는 제목이야", .. 2026. 2. 9.
자바스크립트 변수와 상수 가이드: 게임 데이터 설계 핵심 (게임 제작 #2) 자바스크립트 변수와 상수는 왜 사용될까? 웹 개발로 게임 만들기 프로젝트! 지난 시간에는 웹 개발의 3대 요소인 HTML, CSS, 자바스크립트가 게임에서 어떤 역할을 하는지 알아보았습니다. 오늘부터는 본격적으로 코드를 작성해 볼 텐데요, 제가 실제 제작한 code 자료와 결과 사진으로 예시를 들며 설명드리겠습니다. 그 첫 번째 시간으로 데이터를 저장하는 핵심 문법인 ‘변수’와 ‘상수’,그리고 이들의 활동 범위인 ‘스코프(Scope)’를 완벽하게 파헤쳐 보겠습니다. 나만의 RPG를 만들기 위해 캐릭터의 이름, 체력, 공격력을 설정하는 과정에서 var, let, const 중 무엇을 써야 할지, 그리고 왜 전역 변수와 지역 변수를 구분해야 하는지 기초부터 정리해 드립니다. 참고로 취미로 굴러가는 글이므로 .. 2026. 2. 7.
웹 개발, 플래시 게임 개발: HTML, CSS, 자바스크립트 역할 완벽 정리 플래시 게임 개발, '나도 할 수 있을까?'라는 생각 해보셨나요? 나만의 게임을 만들고 싶다는 꿈, 누구나 한 번쯤은 가져보셨을 겁니다. 그렇다면 가장 접근성이 좋은 웹(Web) 기술을 이용해 나만의 RPG 게임을 직접 만들어보는 건 어떠신가요? AI를 사용하면 미니게임 정도는 뚝딱 만드는 요즘입니다.코드를 조금 볼 줄 안다면 내가 원하는 대로 만들 수 있죠. 그래서 앞으로는 게임을 웹으로 제작하는 법에 대해 차근차근 포스팅해보려 합니다. (단순 방장의 취미.....) 본격적으로 코드를 짜기 전에, 우리가 사용할 세 가지 핵심 무기인 HTML, CSS, 그리고 자바스크립트(JavaScript)가 게임에서 각각 어떤 역할을 담당하는지 알아보겠습니다. 1. HTML: 게임의 골격과 설계도 (Struct.. 2026. 2. 7.