Page 265 - MDP2022-3

3. 알고리즘

- 설문 페이지 코드
import React, { useReducer, useState } from 'react';
import styled from 'styled-components';
import Result from '../Result/Result';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faHouseChimney } from "@fortawesome/free-solid-svg-icons";
function Page1(props) {
var [result,AppendingResult] = useState('');
function ResultAppend(Append){
AppendingResult(result+=Append);
PageSlide();
}
function Countresult(e){
let Count = result.split(e).length - 1;
return Count;
}

/*질문 응답*/
const Question = [
{
'id' : 0, /* 문제 고유 번호 */
'Question' : '시험기간이 다가왔다. 공부를 해야 하는데...', /* 질문 입력하는 곳 */
'image' : '../../../img/survey_img/01.png', /* 질문 상단에 위치할 이미지의 상대 경로를 지정
*/
'Answer' : ['같이 공부하면 집중도 안될것 같아. 혼자 공부한다',
'함께 공부하면 서로 모르는 것도 알려주고 더 공부가 잘 될 거야! 친구와 함께
공부한다.'], /* 질문에 대한 응답 입력 왼쪽부터 위 */
'Values' : ['I','E'] /* 각 대답 별 성향 입력 왼쪽부터 1번 (I, E | S, N | T, F | J, P) */
},
{

이하 문제 생략

const createQuestion =
Question.map((li,idx)=>
(
<SurveyWrap>
<img src={li.image}></img>
<h2>{li.Question}</h2>
<QuestionWrap>
<QuestionUnit>
<input type='radio' name={li.id} id={li.id}/>