Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

넌센스퀴즈 만들기 #1

Open
wants to merge 25 commits into
base: main
Choose a base branch
from
Open

넌센스퀴즈 만들기 #1

wants to merge 25 commits into from

Conversation

dpqlsn
Copy link

@dpqlsn dpqlsn commented Jul 24, 2024

📄 구현한 내용

  • 4개의 넌센스 퀴즈를 풀고 마지막 화면에 점수가 보여지도록 함

🙋🏻 궁금한 점

  • 삭제하고 싶은 파일이 있는데 그 파일을 어떻게 삭제하는지 모르겠어요

🧐 해결한 것

  • 점수를 누적해야하는데 누적이 잘되지 않아서 많이 힘들었었지만 점수를 로컬 스토리지에 누적하거나 0으로 초기화해서 문제를 해결함

dpqlsn added 14 commits July 24, 2024 23:14
넌센스 퀴즈 시작하는 메인화면
시작하기 버튼과 주변 테두리를 꾸밈
퀴즈의 문제와 질문들
퀴즈 문제와 4개의 질문들, 6초 타이머
퀴즈 문제와 4개의 질문들, 6초 타이머
퀴즈 문제와 4개의 질문들, 6초 타이머
퀴즈 문제와 4개의 질문들, 6초 타이머
누적 점수를 알려줌
질문들의 위치와 질문 타이틀, 타이머 상세조정
정답을 맞추면 10점이 올라가고 맞추지 못하면 0점이 누적됨
6초를 넘길 시 0점 누적 후 다음화면으로 넘어감
정답을 맞추면 10점이 올라가고 맞추지 못하면 0점이 누적됨
6초를 넘길 시 0점 누적 후 다음화면으로 넘어감
정답을 맞추면 10점이 올라가고 맞추지 못하면 0점이 누적됨
6초를 넘길 시 0점 누적 후 다음화면으로 넘어감
정답을 맞추면 10점이 올라가고 맞추지 못하면 0점이 누적됨
6초를 넘길 시 0점 누적 후 다음화면으로 넘어감
누적된 최종점수를 알려주는 화면
@junghongseop
Copy link
Contributor

파일을 만들때는 첫 페이지는 index.html, style.css, script.js로 시작하는게 좋아요. 그리고 파일명에서 단어가 띄워지는 부분은 이런 카멜케이스 형식(ex. firstQuiz.html)으로 하는게 좋아요. 파일명 짓는 방법도 있으니 참고해주세요.
그리고 파일구조는 같은 파일 형식끼리 묶어서 폴더 안에 넣어 놓으면 좀더 깔끔하게 개발이 가능합니다.

@junghongseop
Copy link
Contributor

style.css랑 style2.css를 보니까 거의 같은 코드들이 반복이 되던데 같은 코드가 있기에 파일 하나안에서 해결하는것이 좋고, 만약 태그가 같은데 다른 css를 사용해야 하면 id나 class를 통해서 css를 주는게 좋아요.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants