BLOG Html,Css,JavaScript
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

오픈그래프 속성을 통해 웹페이지 미리보기 만들기

html에서 head태그 안의 meta 태그에서는 여러가지 페이지에 대한 중요한 정보를 담고 있습니다. 이번에는 그 중에서 오픈그래프 속성에 대해서 알아보겠습니다.

1. 오픈그래프란?

보통 웹페이지를 공유할 때는 …

오픈그래프 og 네이버서치어드바이저
Posted on Jan. 23, 2022, 11:34 p.m.
Html,Css,JavaScript

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

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

Html Css Bootstrap
Posted on Nov. 9, 2021, 11:53 p.m.
Search