잡다한 사전

좋아요 기능 : 좋아요 기능은 버튼이 누르면 좋아요 버튼 옆으로 숫자가 나타나며 실시간으로 누른 숫자를 확인 할 수 있게 만들어줄 겁니다. 또한 이번에 사용된 좋아요 기능은 웹사이트 상에 로그인을 하지 않은 상태로 방문을 하는 모든 사람들이 좋아요를 누를 수 있게 제작을 했으며, 누른 사람의 정보를 따로 저장하는 기능은 포함되어있지 않습니다. 1. 좋아요 기능을 firebase 실시간 데이터를 가져와야하기 때문에 js 파일을 만들어서 firebase의 SDK를 Import 해주었습니다. import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js"; import { getFirestore } from "ht..

이번 장에서는 Home 화면을 제작해 보겠습니다~ 로그인을 성공했다면 퀴즈를 시작할 것인지를 묻는 화면으로 제작을 해보겠습니다. 첫 번째!! 완성된 홈페이지 모습입니다~ 완성된 화면의 모습입니다~~ 위 사진을 보시면 로그인 창에 css를 사용하고 오른쪽 버튼을 추가해주어서 간단하게 변경해주었습니다. 어렵지 않으니 천천히 따라오시면 충분히 만드실 수 있을겁니다~~ 두 번째!! 위 사진에서 만든 사이트 디자인을 HTML 코드로 보여드리겠습니다~ 홈페이지 이름 부가설명 입력하는 곳 부가설명 입력하는 곳 2 시작해보자!! 생각해볼게~ 위 코드는 HTML코드로 사이트의 틀을 만들어주었다고 생각하면 조금 쉽게 이해할 수 있습니다. 이렇게 만든 곳에 CSS파일을 이용해서 디자인을 해주는 것입니다. CSS파일은 다음 ..