본문 바로가기

코딩58

코딩_강아지 종류(중대형 강아지) 안녕하세요. 행운공장 입니다. 중형 강아지종류와 대형 강아지종류중에서, 우리집 강아지와 가장 닮은 강아지를 찾아주는 사이트를 만들었습니다. 찾을 수 있는 강아지종류는 말라뮤트, 달마시안, 스탠다드푸들, 시베리안허스키, 보더콜리, 차우차우, 삽살개, 진돗개, 사모예드, 골든 리트리버, 래브라도 리트리버, 도베르만, 올드 잉글리쉬 쉽독, 시바견, 세인트 버나드, 슈나우저, 포메라니안, 스피츠, 프렌치 불독, 비글, 코카 스파니엘, 웰시코기 , 푸들 입니다. 모바일과 pc에서도 사용가능합니다. 사이트 바로가기 링크는 맨 하단에 있습니다. 중형 강아지와 대형 강아지 이외에도, 사물이나 사람이미지도 분석가능합니다. 사용방법 이미지 가져오기를 클릭하고, 중형&대형 강아지 사진을 업로드합니다. 분석이 완료되면, 가장.. 2021. 3. 8.
코딩_강아지 종류(소형 강아지) 안녕하세요. 행운공장 입니다. 오래갓만에 코딩 카테고리에 포스팅을 하게 되었네요. 우리집 소형 강아지의 종류가 어떤 것인지 궁금할때, 인공지능으로 학습된 내용으로 판별할 수 있는 사이트를 만들어 보았습니다. 어떠한 의도가 있는 것이 아니며, 단지 반려 강아지의 종류가 궁금할 경우를 생각해서 만든 사이트 입니다. 사이트가 예전에 만들었었던, 나와 닮은 동물 찾기와 상당히 유사하지만, 내부적으로는 수정을 한 부분이 있습니다. pc와 모바일에서 다 사용가능합니다. 이 행운월드 블로그가 아닌, 필자의 다른 블로그인 행운공장 블로그에는 예전에 포스팅된 요크셔테리어에 관한 내용이 있습니다. 아주 예전에 우리집 복슬 강아지였던, 요크셔테리어에 관한 글들입니다. 요키와 같이 지내면서, 느꼈던 기쁨들과 감동들이 쌓여서,.. 2021. 3. 1.
메모리게임_동물&과일 찾기_카드게임 안녕하세요. 행운공장 입니다. 이번 포스팅은 같은 동물과 과일 이미지를 찾는 메모리게임에 대한 내용입니다. 지난번 메모리 게임의 오류가 없는, 게임으로 제작하였습니다. 유튜브 채널 freecodecamp.org의 메모리게임 코딩 영상을 보고 제작하고, 행운공장 스타일대로 수정하였습니다. 게임 플레이는 pc와 모바일 2군데에서 다 가능합니다. 게임 화면에 접속하고, 동일한 이미지들을 클릭해서 찾으면 되는 게임입니다. 동일한 이미지로는 동물과 과일로 나옵니다. 현재는 동물도 3종류인 여우, 다람쥐, 부엉이 정도만 있는데, 나중에 여유가 되면, 좀 더 많은 동물이 나오는 메모리게임도 만들어 보고 싶습니다. 심심할때 무거운 게임을 다운로드 하지 않고, 간편하게 즐길 수 있는 게임입니다. ● 게임하는 방법 1. .. 2021. 1. 5.
메모리게임_아이스크림 찾기_카드게임 안녕하세요. 행운공장 입니다. 이번 포스팅은 메모리 게임, 아이스크림 찾기에 대한 내용입니다. pc와 모바일 두군데 기기에서 다, 플레이 가능합니다. 최초코딩은 Code with Ania Kubów유튜버의 코드를 따라서 코딩하였고, 나중에 다른 블로거나 유튜버분들의 코드를 조금씩 더해서 수정하였습니다. 그리고, 필자의 마음대로 코드를 더 수정하였습니다. 그래픽 이미지도, 제 마음대로 수정하였습니다. 전문적인 개발자가 아니다 보니, 완벽하게 코딩이 되진 않았지만 게임을 하는데 크게 무리가 없을 것 입니다. 나름대로 아이스크림 스토어라는 주제를 정해서 만들어 보았습니다. ● 게임하는 방법 1. 게임에 접속하게 되면, 동그란 카드모양의 이미지가 보여집니다. 2. 카드를 클릭해서, 똑같은 아이스크림을 찾으면 되.. 2020. 12. 31.
에일리언 슈팅게임_모바일 안녕하세요. 행운공장 입니다. 이번 포스팅은 에일리언 슈팅게임의 모바일 버전에 대한 내용입니다. 에일리언 슈팅게임의 pc버전은 코딩카테고리의, 바로 지난번 포스팅에 있습니다. 에일리언 슈팅게임 pc버전 ▶ 에일리언 슈팅게임_pc전용 안녕하세요. 행운공장 입니다. 이번 포스팅은 에일리언 슈팅게임에 대한 내용입니다. 처음 코딩할때는 유튜버 Code with Ania Kubów님의 영상을 참고하였지만, 다른 유튜버와 블로거분들의 코드쏘스 hhwd.tistory.com 꽃게랑을 닮은 에일리언들이 비행접시에 닿기 전에, 전부 맞추면 이기는 게임입니다. 심심할때, 부담없이 간편하게 즐길 수 있습니다. 한번 플레이 해보세요. ● 게임하는 방법 1. 게임에 접속하자마자 실행이 됩니다. 2. 에일리언들을 맞출때마다 10.. 2020. 12. 28.
에일리언 슈팅게임_pc전용 안녕하세요. 행운공장 입니다. 이번 포스팅은 에일리언 슈팅게임에 대한 내용입니다. 처음 코딩할때는 유튜버 Code with Ania Kubów님의 영상을 참고하였지만, 다른 유튜버와 블로거분들의 코드쏘스를 첨가하였고, 필자가 더 수정을 하였습니다. pc에서 플레이 하기 편하도록, pc전용으로 작업하였습니다. 고전게임중에서 많이 알려진 갤러그 게임이나, 스페이스 인베이더 게임류와 비슷합니다. 게임에 대해서 많이 알지는 못하지만, 나름대로 열심히 코딩해 보았습니다. 심심한데, 다운로드해서 게임을 하기가 부담스러운 분들은 한번 도전해 보세요. 굉장히 플레이하기 쉽습니다. 우주를 배경으로 꽃게랑과자를 닮은 에일리언들의 공격을 막아내는 우주선이 게임의 줄거리 입니다. ● 게임하는 방법 1. 게임주소로 접속하자마자.. 2020. 12. 26.
html_header_main_footer 이번 포스팅은 html에서 레이아웃을 정할때, 많이 쓰이는 태그들중에서 header, main, footer태그에 대한 내용입니다. 필자만의 생각을 담은 포스팅이니 확인해 보시고, 각자의 맞는 태그를 사용하면 됩니다. html에서 레이아웃을 정의하는 방법은 여러가지가 있습니다. 그중에서 두가지를 언급하겠습니다. 하나는, html5 이전시대에도 많이 쓰였고, 요즘에도 많이 쓰이고 있는 div태그와 id를 사용하는 방법과, 두번째는 html태그의 레이아웃 태그를 사용하는 방법이 있습니다. div를 활용해서 레이아웃을 만들때는, id를 별로도 정의해서, style을 div별로 따로따로 주어서 화면을 꾸며야 합니다. 하지만, header, main, footer로 이루어진 html의 구성에서는, 태그만으로 스타.. 2020. 12. 21.
코딩_퍼즐게임_pc전용 안녕하세요. 행운공장 입니다. 이번 포스팅은 퍼즐게임에 대한 내용입니다. 이미지의 조각을 맞추면 완성되는 게임입니다. 코딩할때 유튜버 Scalper Frontend님의 퍼즐게임 코딩영상을 주로 참고하고, 다른 유튜버와 블로거분들의 쏘스도 일부 참고였습니다. 자료들을 참고해서 코딩한 다음에 나름대로 수정을 하였습니다. 퍼즐의 모양은 오프라인상에서 하는, 곡선모양의 퍼즐을 맞추는 게임은 아닙니다. 퍼즐의 모양은 네모난 조각으로 되어있습니다. 모바일에서는 게임이 불가능하며, pc에서만 퍼즐게임이 가능합니다. 심심할때 한번 도전해 보세요. 필자도 해봤는데, 1분내에 맞추기가 쉽지가 않네요. ● 퍼즐게임 하는 방법 1. 시작 버튼을 클릭하면, 퍼즐게임을 진행할 이미지가 불러와 집니다. 2. 이미지 로딩이 완료되면.. 2020. 12. 20.
코딩_타자게임_한글 날씨_동물_과일_채소 이번 포스팅은 한글 타자게임으로써, 날씨, 동물, 과일, 채소에 관련된 단어들을, 타자를 쳐서 맞추는 게임에 대한 내용입니다. 게임은 어렵지 않습니다. 주어지는 단어를 타자를 쳐서 일치시키면 되는 아주 간단한 게임입니다. 모바일과 데스크탑pc를 비롯한 타자를 칠 수 있는 기기에서는 다 게임을 즐길 수 있습니다. 심심한데 게임앱을 다운받기는 부담스러울때 타자게임을 플레이해보세요. ● 게임 방법 및 사용설명 1. 단어들이 로딩되면, 시간과 점수가 보여지는 네모박스 사이에 플레이 버튼이 보여지게 됩니다. 2. 게임을 시작하려면, 플레이 버튼을 클릭합니다. 3. 게임이 시작되면, 플레이 버튼이 사라지고, TIME박스에 시간이 한단어당 10초가 주어집니다. 4. 10초내에 주어지는 단어에 일치되게, 텍스트 입력박.. 2020. 12. 18.
코딩_타자게임_한글인사말 안녕하세요. 행운공장입니다. 이번포스팅은 지난번에 포스팅했던, 타자게임 영어단어 편에 이은, 타자게임 한글 인사말에 대한 내용입니다. ● 게임 설명과 사용방법 1. 단어가 로딩되고, 게임을 시작할수 있게 되면, ▶플레이버튼이 TIME와 SCORE 사이에 나타납니다. 2. ▶플레이버튼을 클릭하면, 게임을 시작할 수 있습니다. 3. 텍스트를 입력하는 박스 바로위에 보여지는, 글씨를 박스에 입력하였을때 일치하면, SCORE가 1점씩 올라갑니다. 4. 게임이 시작되면, 하나의 단어당 10초씩 주어집니다. 5. 게임중에는 ▶플레이버튼이 사라집니다. 6. 한 단어당 10초가 지나기 전에, 일치하는 단어를 입력하지 못하면, 다시 ▶플레이버튼이 나타납니다. 7. ▶플레이버튼을 클릭하면, 게임을 이어서 진행 할 수 있습.. 2020. 12. 13.