퀴즈 홈페이지란?

이 사이트는 웹 프런트엔드 연습과 재미있는 퀴즈를 동시에 즐기기 위해 만든 개인 프로젝트입니다.

• 넌센스 퀴즈로 가볍게 머리를 식히고,
• MBTI 형식 질문으로 자신의 성향도 살짝 확인할 수 있습니다.
• 단순한 예제이지만, UI/UX와 코드 구조를 계속 개선하는 연습용입니다.

개발 목표

• HTML/CSS 레이아웃 연습 (헤더, 메뉴, 카드형 레이아웃)
• JavaScript로 화면 전환과 퀴즈 로직 구현
• 반응형 디자인과 애니메이션 효과 점진적 적용
• 실제 서비스처럼 보이는 간단한 메인 페이지 구조 익히기

사용된 기술

• HTML5 : 페이지 구조 및 시맨틱 태그
• CSS3 : 그라디언트 배경, 카드 디자인, 버튼 스타일
• JavaScript : 넌센스 퀴즈, MBTI 질문, 결과 출력 로직
• 오디오/비디오 태그 : BGM 및 인트로 영상 재생

앞으로 계획

• 퀴즈 문제 수 확대 및 난이도 조절
• 사용자별 점수 기록 및 간단한 통계
• 모바일 화면에서 더 보기 좋게 반응형 개선
• 여러 가지 심리 테스트/미니 게임 추가

이 페이지는 계속해서 학습 기록용으로 업데이트될 예정입니다.