JavaScript로 같은 그림 찾기 페이지 만들기 네 번째
안녕하세요. 느종입니다. 저번 포스팅에 이어서 같은 그림 찾기 페이지를 만들어 보도록 하겠습니다. 간단할 줄 알았는데 설명이 길어지다 보니 여러 개로 나누어서 올린 점 양해 부탁 드리겠습니다. 그럼 바로 시작하도록 하겠습니다. 함께 공부해요! 1. 결과 화면 페이지 결과 화면 페이지입니다. 정말 심플하게 만들었습니다. 다양한 이미지나 …
안녕하세요. 느종입니다. 저번 포스팅에 이어서 같은 그림 찾기 페이지를 만들어 보도록 하겠습니다. 간단할 줄 알았는데 설명이 길어지다 보니 여러 개로 나누어서 올린 점 양해 부탁 드리겠습니다. 그럼 바로 시작하도록 하겠습니다. 함께 공부해요! 1. 결과 화면 페이지 결과 화면 페이지입니다. 정말 심플하게 만들었습니다. 다양한 이미지나 …
안녕하세요 느종입니다. 오늘은 구구단 퀴즈 페이지의 메인 화면을 만들어볼까 합니다. 저번에 만들었던 나라 수도 퀴즈는 input 태그를 활용하였는데요. 이번에는 버튼 형식으로 구성을 하였습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 메인 화면 페이지입니다. 퀴즈 영역에서는 구구단이 임의로 주어지고, 그 아래…
안녕하세요 느종입니다. 오늘은 나라 수도 퀴즈의 결과 페이지를 만들어 보겠습니다. 중요한 기능들은 저번 메인 화면 페이지 만들기에서 다 다루었기 때문에 결과 페이지 같은 경우는 간단하게 마무리 지을 수 있을 것 같습니다. 그럼 바로 시작하도록 하겠습니다. 함께 공부해요! 1. 결과 화면 페이지 결과 화면 페이지입니다. 5문제를 모두 맞…
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 OX퀴즈 메인 화면과 결과 화면을 만들어보도록 하겠습니다. 간단한 페이지를 만드는 것인데도 글로 쓰려니깐 길어져서 부득이하게 나눠서 포스팅을 하게 되었습니다. 1. 메인 화면 페이지 메인 화면 예시 페이지입니다. 별다른 게 없고 퀴즈 번호, 퀴즈 내용, OX버튼으로 이루어져 있습니다. …