코딩_타자게임_한글 날씨_동물_과일_채소
이번 포스팅은 한글 타자게임으로써, 날씨, 동물, 과일, 채소에 관련된 단어들을, 타자를 쳐서 맞추는 게임에 대한 내용입니다. 게임은 어렵지 않습니다. 주어지는 단어를 타자를 쳐서 일치시키면 되는 아주 간단한 게임입니다. 모바일과 데스크탑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.
html_input_type
html input 타입중에 button에 대한, 지난번 포스팅에 이어서 이번 포스팅에서는, 나머지 input 타입에 대해서 알아보도록 하겠습니다. html태그 중에서 사용자로부터 정보를 입력받고, 어떠한 기능들을 담고 있는 input태그의 type들은 아래와 같습니다. checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week input태그의 기본적인 표기방법은 아래와 같습니다. 별도의 열고 닫는 태그가 없는, 단독 태그로 사용하고 싶은 타입을 type안에 적어주면, 인풋타입을 사용할 ..
2020. 12. 8.
html_iframe 활용하기(파일 인크루드 include)
이번 포스팅은, 지난번에 iframe에 대한 내용의 후속편인 iframe 활용하기 입니다. iframe은 html문서내에, 다른 html문서를 특정한 부분에 보여지게 하는 기능입니다. index파일 하나만 작성하건, 파일의 길이가 짧을 경우에는 굳이 iframe을 사용할 필요가 없습니다. 하지만, 우리들이 html코딩을 하다보면, 항상 index파일의 길이가 짧거나, 문서 하나로 사이트를 만들 수 없다는것을 알게 됩니다. 그럴때는 파일의 수정을 용이하게 하고, 좀 더 효율적인 업무작업을 하기 위해서 include방식인 iframe을 html에서는 사용하게 됩니다. 예를 들어서, 사이트 하나가 만들어질때 top의 영역, side영역, body영역, footer영역으로 나누어서 관리하려고 할때, iframe..
2020. 11. 11.
html_iframe
이번 포스팅은 html에서 외부페이지를 내부로 불러오는 tag인, iframe에 대한 내용입니다. html로 코딩을 할때, 외부페이지를 내가 구현하고 있는, 웹에 보여지게 하고 싶은 순간이 있습니다. html에서 외부의 웹페이지를 보여지게 하려면, 전체를 코딩으로 표현하는 방법밖에는 없을 거라고 짐작되지만, 몇가지 방법이 있습니다. 그중에 첫번째는 인크루드를 이용하여, 다른 언어로 외부페이지를 불러오는 방법이 있습니다. 그리고, iframe이라는 태그를 사용하는 방법이 있습니다. ● iframe 태그의 표현방법은 아래와 같습니다. 위의 iframe태그의 표현방법을 활용한, 아래의 코드를 잘 살펴봐 주세요. iframe 태그 아래의 화면은, 위의 코드중에서, iframe 태그를 표현한 것입니다. 웹 url..
2020. 11. 4.
