본문 바로가기

코딩58

메모리게임_강아지 찾기_카드게임 안녕하세요. 행운공장입니다. 이번 카테고리에 굉장히 오래갓만에 포스팅을 업로드하려고 합니다. 예전에 업로드했었던, 메모리게임의 두번째 시리즈입니다. 카드이미지는 강아지로 하였습니다. 카드 개수도 늘렸습니다. 나중에는 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.
오늘의 운세_화투로 보는 초간단 오늘의 운세 안녕하세요. 행운공장 입니다. 화투로 오늘의 운세를 볼 수 있는 사이트를 만들었습니다. 기존의 널리 알려져 있는 방식이 아닌, 굉장히 간단하게 볼 수 있는 사이트 입니다. 오늘의 운세를 보는 방식이 복잡하거나 하지 않고, 매우 초간편합니다. 오늘의 날짜를 입력한만큼 화투가 섞인 후에 오늘의 운세가 출력됩니다. 사이트의 바로가기 링크는 맨하단에 있습니다. ● 오늘의 운세(화투) 사용방법 ● 1. 날짜 입력하는 네모박스에 오늘의 날짜를 입력합니다. 2. 오늘의 운세보기 버튼을 클릭합니다. 3. 4장의 화투가 오늘의 운세 결과로 보여집니다. 4. 운세 다시보기 버튼을 클릭하면, 다시 처음부터 실행됩니다. * 화투는 총(12*4)48개로 이루어져 있습니다. 그래서, 처음에는 48장의 화투 이미지를 전부 넣어볼까.. 2021. 3. 25.
코딩_고양이 종류 안녕하세요. 행운공장 입니다. 우리집 반려 고양이와 가장 닮은 고양이를 찾을 수 있는 사이트를 만들었습니다. 모바일과 pc에서 다 사용이 가능합니다. 우리집 반려 고양이가 어떤 고양이 종류와 가장 닮았는지 궁금하다면, 맨 하단의 링크를 클릭해서 실행해 보세요. 종류를 알 수 있는 고양이는 라가머핀, 랙돌, 러시안블루, 먼치킨, 메인쿤, 발리니즈, 버만, 버미즈, 봄베이고양이, 브리티시 쇼트헤어, 사바나캣, 샴고양이, 스코티시 폴드, 스핑크스, 싱가푸라, 아메리칸 컬, 아비시니안, 카라칼, 코니시 렉스, 코랏, 터키시 반, 터키시 앙고라, 페르시안, 히말라얀이 있습니다. 고양이 사진 이외에도 사물이나, 사람 이미지도 분석 가능합니다. 나와 가장 닮은 고양이 종류를 알고 싶다면, 사용해 보세요. 고양이 종류.. 2021. 3. 12.