BLOG Html (8)
Html,Css,JavaScript

Html로 만든 Wordle(워들) 게임

이 게임도 군대 시절 심심해서 만들었던 워들 게임입니다.

다섯글자로 된 영어단어를 맞추는 숫자야구와 비슷한 게임이라고 보시면 됩니다.

각 input에 글자를 입력하면 다음 input으로 자동으로 초점이 …

Html Canvas 게임
Posted on March 19, 2024, 11:30 p.m.
Html,Css,JavaScript

Html로 만든 궁수 대전 게임

이것도 군대에서 근무할때 html로 만들어본 게임입니다. 이 게임은 두명의 멀리 떨어진 궁수가 서로를 맞추는 게임입니다. 아주 어렸을 적에 비슷한 플래시 게임이 있었던 것으로 기억하네요

Archer …

Html Canvas 게임
Posted on March 19, 2024, 4:06 p.m.
Html,Css,JavaScript

Html로 만든 아이스하키 게임 IceHockey 2P

이 게임은 제가 군 생활 중에 만든 Html 게임 중에 가장 평이 좋았던 게임입니다. 다같이 하키 게임 하면서 시간도 녹이고 서로 리그전도 하고 하면서 재밌게 …

Html Canvas 게임
Posted on Dec. 1, 2022, 10:41 p.m.
Html,Css,JavaScript

Html로 만든 Flappy Bird

저번에 이어서 군대에서 심심할때 Html로 만든 Flappy Bird 게임입니다.

이거 하나로 얼마나 많은 사람들의 근무시간을 녹여줬는지...

첨부파일 있으니 참고하세요!

Flappy Bird 게임하기

<!DOCTYPE html>

<html …

Html Canvas 게임
Posted on Nov. 5, 2022, 12:20 a.m.
Html,Css,JavaScript

Html로 만든 PONG 게임

저는 군대에서 보급계라 컴퓨터를 만질 일이 많았습니다. 그래서 군생활을 녹이기 위해 여러 방법을 생각해 보다가 다른 해군 어느 부대에서 html로 테트리스를 만들었길래 저도 그 테트리스 …

Html Canvas 게임
Posted on Nov. 3, 2022, 11:36 a.m.
Html,Css,JavaScript

Html 이미지 클릭 시 원본 크기 보기

블로그에서 포스팅을 할 때 이미지를 올리는 경우가 많습니다. 그런데 만약 이미지를 원본 크기로 보여지게 한다면? 사진 크기별로 보이는 모습이 제각각이거나 너무 커서 글을 가리는등 여러가지 …

Html JavaScript
Posted on Feb. 6, 2022, 11:26 p.m.
Html,Css,JavaScript

Position: sticky 를 이용해 자바스크립트 없이 플로팅 메뉴 만들기

블로그나 쇼핑몰 사이트를 들어보면 측면에 카테고리나 검색창등이 있는 메뉴를 볼 수 있습니다. 이 메뉴들은 스크롤을 내려도 따라서 내려오면서 언제든 클릭할 수 있게 구현이 되어있는데요, 이번 …

Html Css Bootstrap
Posted on Nov. 9, 2021, 11:53 p.m.
웹 개발

사지방에서 웹 개발환경 구축하기#3. 프론트엔드 기초 공부 환경

공부를 시작하기 앞서 웹 개발은 백엔드와 프론트엔드로 나눌 수 있습니다. 백엔드 개발을 주로 하는 개발자를 백엔드 개발자, 프론트엔드는 프론트엔드 개발자라고 하고, 둘다 다룰 수 있는 …

Html Css JavaScript VSCode
Posted on Sept. 22, 2021, 11:20 a.m.
Search