본문 바로가기

JS

 (4)
[Web Game] 달려라 르탄이 웹 게임 만들기 이번 글에서는 스파르타 코딩클럽에서 무료로 제공하는 르탄이 달리기 게임 개발 과정을 기록해보려고 한다. HTML, CSS, JavaScript를 사용해 간단한 게임을 개발하며 웹 개발의 기본기를 다질 수 있는 좋은 기회가 되었다. 개발 도구로는 VS Code를 사용했으며, 기본적인 웹 기술들을 활용해 게임을 구현해 나가는 실습을 해볼 예정이다.이번 프로젝트는 JavaScript로 게임의 동작을 제어하고, CSS를 통해 게임 화면의 스타일을 꾸미며, HTML로 게임의 구조를 구성하는 방식으로 진행된다. 이 과정에서 화면 요소를 움직이게 만드는 방법, 사용자 입력에 반응하는 방법, 스타일과 애니메이션을 적용하는 기법 등을 학습할 수 있었다. HTMLHTML 파일에서는 페이지의 기본적인 레이아웃을 구성하고, ..
[학습 리뷰] 길벗 코딩 자율학습단 후기 : HTML + CSS + 자바스크립트 학습단 후기한 달 간의 여정이 끝났다. 아직 책의 모든 내용을 완전히 학습하지는 못했지만, 최종 프로젝트를 다루는 13장을 제외하고는 모든 내용을 학습 완료했다.길벗 자율학습단은 맨날 공부한다고 교재를 구매해서 차일 피일 미루다 결국 책의 반도 보지 못하고 어딘가 구석에 처박혀 버리는 사람들에게 아주 좋은 경험을 줄 수 있다. 왼쪽은 내가 책을 처음 구매했을 때 찍은 사진이고, 오른쪽은 길벗에서 매일매일 보내주는 오늘의 학습 내용과 동기부여 글귀를 담은 카카오톡 알림이다. 커리큘럼을 적정 범위로 설정해주고, 평일 오전 10시마다 알림을 주어서 그나마 밀리지 않고 한달만에 책을 완독에 가깝게 끝낼 수 있었다. 내 컴퓨터 앞 독서대에 항상 진도만큼 책을 펼친 채로 두어 한 달 간 정이 든 책은, 이제 마지막..
[JS] 9장: 자바 스크립트 기초 문법 살펴보기 개요이번 장에서는 프로그래밍 언어의 기초 개념을 다루게 된다. 변수와 상수, 자료형을 통해 데이터를 저장하고 처리하는 방법을 익히며, 다양한 연산자를 사용해 데이터를 조작하는 법을 배울 것이다. 이어서 조건문과 반복문을 통해 프로그램의 흐름을 제어하는 기초적인 논리 구조를 학습하게 된다.이 장은 원래 11일과 12일에 걸쳐 학습하도록 설계되어 있지만, 나는 이미 다른 언어를 통해 어느 정도 프로그래밍에 익숙한 상태다. 또한, CSS 학습 일정이 다소 밀린 관계로 이번에는 2일치 분량을 한 번에 이어서 학습하려 한다. 이번 장에서 다룰 내용은 매우 기본적이지만, 프로그래밍의 핵심 개념을 다시 한 번 정리하는 기회로 삼고, 실전 응용에서 활용할 수 있는 기초를 다지는 것이 목표다.변수와 상수변수var num..
[도서 리뷰] 길벗 코딩 자율학습 : HTML + CSS + 자바스크립트 설명나는 평소 즐겨보던 유튜브 채널 **"나도 코딩"**에서 이 책을 처음 접하게 되었다. 이 책은 파이썬, 자바스크립트, C언어, 스프링부트, Vue.js, 리눅스 입문서 등 다양한 주제의 시리즈로 구성되어 있는데, 그중에서도 웹 개발에 관심이 생겨 이 책을 선택하게 되었다.책의 구성은 1~3장이 HTML, 4~7장이 CSS, 8~12장이 JavaScript, 그리고 마지막 장에서는 이 모든 것을 통합하여 프로젝트를 제작하는 방식으로 이루어져 있다.이미 컴퓨터 언어의 기초는 어느 정도 알고 있는 나에게, 자바스크립트만 다루는 입문서보다는 이 책이 더 적합하다고 느껴졌다. 비록 초보자를 위한 책으로 추천되었지만, 나는 최종 프로젝트 장에 가장 기대가 크다. 하나의 언어로는 완성된 결과물을 내기 힘들지만,..

티스토리툴바