본문 바로가기

코딩60

코딩_오목 게임_모바일전용_난이도 매우 쉬움 안녕하세요. 행운공장입니다. 오목게임을 모바일용으로 제작하였습니다. 인공지능 시스템의 도움을 받았습니다. 인공지능 챗봇이 코딩결과물을 제공하였습니다. 하지만, 오목을 두는 방식을 처음부터 저의 설명대로 제작되었고, 최종적으로 제가 많이 수정하였습니다. 모바일 전용이라서, 오목판의 크기가 매우 작습니다. PC에서도 가능하긴 하지만, 너무 작게 보이고, 전체적인 정렬이 뒤틀려 보일 수 있습니다. 오목게임의 난이도는 매우 쉽습니다. 컴퓨터와 내가 대결하는 방식입니다. 내가 흑돌입니다. 흑돌이 놓이면, 무조건 백돌이 두는 방식입니다. 서로 번갈아서 놓다가, 먼저 5개의 돌을 연달아서 놓으면 이깁니다. 게임이 끝나면, 하단에 이긴 돌의 메시지가 보입니다. 그리고, 바로 아래에 게임 재시작 버튼이 생깁니다. 게임 .. 2023. 12. 28.
코딩_오목 게임_PC전용_난이도는 매우 쉬움 안녕하세요. 행운공장입니다. 매우매우 오래갓만에 이 카테고리에 글을 쓰게 되었습니다. 앞으로는 이 카테고리에 꾸준히 포스팅 하려고 노력하려고 합니다. 요즘 챗GPT가 매우 잘 알려져 있고, 사람들이 하도 잘 쓰고 있어서, 저도 한번 도움을 받아봤습니다. 그런데, 역시 코딩을 아예 모르는 사람이라서 완벽하게 되지는 않았습니다. 그래도, 나름 심심할때 할만한 게임이라고 생각됩니다. 이번에 만든 게임은 오목게임입니다. 오목이라고 다들 알고계시죠? 자세한 설명은 우선 썸네일 이미지를 먼저 보여드리고 시작하겠습니다. *오목게임(PC 전용) 하는 방법* (난이도 : 매우 낮음) 1. 컴퓨터와 내가 대결하는 방식입니다. 2. 내가 흑돌입니다. 3. 먼저 5개를 가로와 세로, 대각선 방면으로 놓으면 이깁니다. 4. 이.. 2023. 12. 26.
메모리게임_강아지 찾기_카드게임 안녕하세요. 행운공장입니다. 이번 카테고리에 굉장히 오래갓만에 포스팅을 업로드하려고 합니다. 예전에 업로드했었던, 메모리게임의 두번째 시리즈입니다. 카드이미지는 강아지로 하였습니다. 카드 개수도 늘렸습니다. 나중에는 pc전용으로 따로 이미지 개수가 많은 게임도 제작할 예정입니다. 사이트 경로는 심심풀이게임의 인덱스페이지에서 보면, 메모리게임 버튼 바로 밑에 있는 메모리 게임(강아지) 버튼을 클릭하면 됩니다. pc와 모바일에서 게임 플레이 가능합니다. 심심할 때 하기 간편하고 좋은 메모리게임이 궁금하시다면, 바로 아래의 링크를 확인해 보세요. 메모리게임(강아지) 바로가기 ▶ 심심풀이 게임 hhgame.netlify.app ● 게임하는 방법 1. 동일한 강아지의 카드 이미지를 클릭하면, 됩니다. 동일한 이미.. 2023. 1. 22.
div 가운데 정렬_css_코딩 안녕하세요. 행운공장입니다. 이번 카테고리에 코딩으로 포스팅을 하는 것이 진짜 오래갓만 이네요. 오늘 다룰 것은, 코딩을 하다보면, 흔히 겪게 되는 div를 가운데로 정렬해야 되는 상황에 대한 내용입니다. 여기에 더해서, div 안에 들어가 있는 text를 가로와 세로에서 가운데로 정렬하는 것도 하려고 합니다. 그리고, position:absolute를 활용한 방법도 다루도록 하겠습니다. 모바일에서 웹을 실행하는 것이 본격적으로 시작되기 전에는, table코딩이 주로 쓰였는데, table에서의 가로 부분과 세로에서 가운데로 정렬하는 것은 비교적 간단하고 쉬웠습니다. 그러나, 모바일 시대의 반응형 웹에서는 본격적인 div코딩이 시작되면서, 쉽게 되었던 가운데 정렬이 약간 더 어려워졌습니다. 어렵다고 해도,.. 2022. 3. 18.
플래피 문어_FLAPPY OCTOPUS_심심풀이 게임 안녕하세요. 행운공장입니다. 먼저번에 출시했던, 심심풀이 게임에 플래피 문어(FLAPPY OCTOPUS)를 추가했습니다. 인터넷에 공개되어있는, 오픈소스를 필자의 입맛대로 수정하였습니다. 유명한 플래피버드라는 게임과 유사한 게임입니다. 플래피 문어는 문어가 바닷속에서 장애물인 해파리와 해초를 피해서 헤엄치는 게임입니다. 방향키로 문어를 움직일 수 있습니다. 문어가 해초와 해파리에 닿으면, 게임이 정지됩니다. 그리고, 정지되면서 물방울이 보글거리는 사운드가 잠깐 재생이 됩니다. 다시 하기 버튼을 클릭하면, 처음부터 다시 게임이 플레이됩니다. 게임의 바로가기는 맨 하단에 있습니다. 게임 주소에 접속하면, 아래와 같은 화면이 나옵니다. 모바일에 최적화되어있습니다. ● 플래피 문어 게임 방법 ● 1. 점수가 나.. 2022. 2. 20.
양도소득세 계산기_2022년 1월~ 안녕하세요. 행운공장입니다. 이번 포스팅에는 양도소득세에 대한 설명과, 양도소득세를 대략적으로 계산해 볼 수 있는 양도소득세 계산기가 있습니다. 필자의 행운링크 블로그의 (문화.일상.건강)카테고리에 포스팅하려고 했으나, 코딩이 들어간 계산기가 있어서, 행운월드의 코딩 카테고리에 연재하게 되었습니다. 좀 더 정확한 양도소득세 계산은 국세청 홈페이지와 상담전화로 가능합니다. 그리고, 최종적으로 납부해야 되는 지방소득세는 양도소득세의 10%입니다. 맨 하단에 있는 계산기에는 지방소득세를 포함하지 않았습니다. 이번 페이지의 내용은 2022년도 1월 시점의 세금정보로 작성되었고, 이후에 변경사항이 있을 시에는 포스팅을 다시 별도로 작성하도록 하겠습니다. * 이번 본문의 목차 * 양도소득세 설명 양도소득세 기본세율.. 2022. 1. 20.
이름 궁합_사이트 안녕하세요. 행운공장 입니다. 한글 이름 획수로 볼 수 있는, 이름 궁합 사이트를 만들어보았습니다. 사주나, 기타 다른 복잡한 데이터로 보는 것이 아닌, 단순히 이름으로만 상대방과의 호감도를 알아보는 사이트입니다. 한글 이름의 획수라는 것의 예를 간단히 들어보겠습니다. 이름의 성씨 중에서 "김"은 획수로 7이 나옵니다. 그리고, "이"는 2입니다. 호감도를 알아보고 싶은 상대방과, 본인의 이름 6개를 전부 입력하면 됩니다. 한글 글씨로만 보는 호감도 이기 때문에 사람 이름 이외에, 다른 어떤 것도 가능합니다. 바로가기 링크는 상세한 사용설명 바로 밑(이 본문 맨 하단)에 있습니다. ● 이름 궁합 사이트 사용방법 ● 1. 한글로 이름을 블루 색상과 핑크 색상 네모칸에 각각 입력합니다. 연결해서 입력하는 것.. 2022. 1. 12.
코딩_심심풀이 게임_사이트 안녕하세요. 행운공장입니다. 이번 포스팅은 그동안 필자가 만들었던, 게임들을 모아놓은 사이트에 대한 내용입니다. 그동안, 타자게임, 미니스도쿠, 메모리게임, 외계인 맞추기(스페이스 인베이더)를 만들어서, 이 블로그에 업로드했었습니다. 사실, 심심풀이 게임 사이트를 만들고 싶어서, 진행을 했었습니다. 그런데, 드디어 사이트를 만들게 되었습니다. 그동안 이런저런 상황들이 많이 있었지만, 코딩이 서툴러서 시간이 오래 걸렸습니다. 요즘은 사람들이 대부분 그래픽이 화려하고, 플레이하는 재미가 있는 복잡한 게임을 많이 합니다. 하지만, 아주 잠깐의 시간이 날 때 가볍게 할 수 있는 게임도 있으면 괜찮지 않을까 생각됩니다. 심심풀이 게임은 부담 없이 가볍게 플레이 할 수 있습니다. 개인정보가 필요한 게임도 없습니다... 2021. 12. 15.
코딩_미니 스도쿠 게임_사이트 안녕하세요. 행운공장입니다. 코딩 카테고리에 진짜 오래갓만에 글을 쓰네요. 이번 포스팅의 내용은, 미니 스도쿠게임 사이트에 대한 내용입니다. 심심할때, 하기좋은 아주 간단한 스도쿠 게임입니다. pc와 모바일에서 둘다 게임 플레이 가능합니다. 게임의 바로가기 링크는 바로아래에 있습니다. 클릭하면, 게임을 실행해 볼 수 있습니다. 미니 스도쿠 게임 ▶ 미니 스도쿠 미니 스도쿠 새로운 게임 hhgame.netlify.app 가장 흔히 하는 스도쿠 게임은, 가로와 세로 1줄당 1~9사이의 숫자가 1번씩만 나열된다는 규칙이 있습니다. 그리고, 추가적으로 3칸씩 9개의 칸으로 된 9개의 퍼즐에도 1~9사이의 숫자가 1번만 나열됩니다. 그런데, 필자가 만든 미니 스도쿠게임은 1~5사이의 숫자가 가로와 세로줄에 각각,.. 2021. 12. 10.
세일이벤트_타임세일js 안녕하세요. 행운공장입니다. 예전부터 만들어보고 싶었던, 타임세일 이벤트 js코드를 만들어보았습니다. 코드에 이벤트 마감일과 시간을 기록하면, 화면에 남은 날짜와 시간이 표시되는 스타일입니다. 주석으로 간단한 설명이 있으니, 원하는 스타일대로 수정해서 사용해 보세요. 타이머처럼 보이는 스타일과, 날짜와 시간 분 초가 글씨로 보여지는 2가지 스타일로 만들어보았습니다. (1) 타이머스타일 타이머스타일 파일다운로드 ▶ * 타이머스타일 미리보기 (2) 날짜스타일 날짜스타일 파일다운로드 ▶ * 날짜스타일 미리보기 이벤트가 마감되면, 원하는 문구로 표시할 수 있습니다. * 이벤트마감 문구 미리보기 * 외부링크로 css와 js 파일을 따로 만들지 않고, index파일에 한꺼번에 코딩되어 있습니다. * script에 .. 2021. 7. 10.