스파르타코딩 15일 메이킹 챌린지 프로젝트 개발일지_7일차

반려동물 상식 퀴즈(31개 문항)

 

1) 모듈 이용 (출처 : www.fyrebox.com)

 

하단의 코드 결과물

<!-- quiz Section-->

<section class="page-section alert-info text-white mb-0" id="about">
    <div class="container">
        <!-- quiz Section Heading-->
        <h2 class="page-section-heading text-center text-uppercase text-secondary">quiz</h2>
        <!-- Icon Divider-->
        <div class="divider-custom">
            <div class="divider-custom-line"></div>
            <div class="divider-custom-icon"><i class="fas fa-star"></i></div>
            <div class="divider-custom-line"></div>
        </div>


        <div class="fyrebox_quiz" data-gid="3kkmORWrK" data-oid="6NNR6nJzP"/>
    </div>
    <script src="https://www.fyrebox.com/javascripts/fyrebox.min.js?2" defer="defer" async></script>

    <div class="fyrebox_quiz" data-gid="6NNRpp8dr" data-oid="6NNR6nJzP"/>
    </div>
    <script src="https://www.fyrebox.com/javascripts/fyrebox.min.js?2" defer="defer" async></script>


    </div>
</section>

 

2) 직접 코딩하는 경우

https://mojilee.tistory.com/8

간단한 OX 퀴즈 만들기 - 세엣

https://webdoli.tistory.com/244

자바스크립트로 간단한 퀴즈 만들기

 

팀원 피드백으로

1번 방안으로 진행하기로 하였음

 

이후 추천수 기반 정렬 페이지 만들기로 함

서버와 클라이언트 모두 작업할 것

(~이번주 일요일 저녁까지 중간결과물 보고할 것)