JavaScript로 같은 그림 찾기 페이지 만들기 다섯 번째
안녕하세요 느종입니다 오늘은 같은 그림 찾기 페이지를 마무리 지어보도록 하겠습니다. 저번 시간에 이어서 메인 페이지에서 실행될 자바스크립트 함수를 작성하도록 하겠습니다. 카드 아이템 클릭 함수, 다시 시작하는 함수를 다루어 볼 예정입니다. 그럼 바로 시작하도록 하겠습니다. 함께 해요! 1. 자바스크립트 코드 [ scripts.js ] …
안녕하세요 느종입니다 오늘은 같은 그림 찾기 페이지를 마무리 지어보도록 하겠습니다. 저번 시간에 이어서 메인 페이지에서 실행될 자바스크립트 함수를 작성하도록 하겠습니다. 카드 아이템 클릭 함수, 다시 시작하는 함수를 다루어 볼 예정입니다. 그럼 바로 시작하도록 하겠습니다. 함께 해요! 1. 자바스크립트 코드 [ scripts.js ] …
안녕하세요. 느종입니다. 저번 포스팅에 이어서 같은 그림 찾기 페이지를 만들어 보도록 하겠습니다. 간단할 줄 알았는데 설명이 길어지다 보니 여러 개로 나누어서 올린 점 양해 부탁 드리겠습니다. 그럼 바로 시작하도록 하겠습니다. 함께 공부해요! 1. 결과 화면 페이지 결과 화면 페이지입니다. 정말 심플하게 만들었습니다. 다양한 이미지나 …
안녕하세요 느종입니다 오늘은 저번 시간에 이어서 메인 화면 페이지에 사용되는 함수와 기능들을 작성해 보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 같은 숫자를 찾으면 위 그림처럼 유지하고, 다른 그림을 찾을 경우에는 1초 정도 머무르다가 다시 카드 앞면으로 돌아가는 방식입니다. 여기에다가 더 다양…
안녕하세요 느종입니다. 오늘은 같은 그림 찾기 페이지의 메인 화면을 만들어 보겠습니다. 제가 작성한 코드가 꼭 정답은 아닙니다. 더 간결하게 효율적으로 코드를 작성할 수도 있고, 제가 쓰지 않은 더 다양한 메서드들을 활용할 수도 있습니다. 챗gpt의 도움 없이 최대한 자기 스스로 코드를 하나씩 작성해 나가는 것이 공부도 되고 의미도 있…
안녕하세요 느종입니다. 오늘은 저번 시간에 언급한 것과 같이 같은 그림 찾기 페이지를 만들어 볼까 합니다. 어렸을 적에 했던 자주 했던 사천성과 유사한 콘텐츠를 제작하여 페이지를 만들면 누구나 재밌게 즐길 수 있을 거라 생각합니다. 제가 만드는 것은 기본이 되는 간단한 콘텐츠들이고, 여러 가지 기능들을 더 추가하여 본인만의 재밌는 콘…