인프런 커뮤니티 질문&답변

//(문장) 이게 무슨 뜻이에요 .. ? 혼자서 못하겠는데 제가 사례금이라도 드릴테니 조금 도움을 좀 주실 수 있으신가요 

가령 짝수의 질문에서만 사진을 출력하고 싶다면 아래와 같이 코딩할 수 있을 것입니다.

function addAnswer(answerText, qIdx, idx){
	//텍스트 문항를 출력하는 코드
}

function imageAnswer(answerText, qIdx, idx){
	//이미지 문항을 출력하는 코드
}

function goNext(qIdx){
	  if(qIdx === endPoint){
		goResult();
		return;
	}
	//사용자가 짝수번째 문항에 응답해야 할 때
	if(qIdx % 2 === 0)	{
		imageAnswer();
	}
	//사용자가 홀수번째 문항에 응답해야 할 때
	else {
		addAnswer();
	}
}

비단 짝, 홀수 뿐만이 아니라,

특정한 인덱스의 문항에만 사진을 출력하고 싶을 때에도 지금처럼 조건문을 활용할 수 있을 것입니다.

다만 이러한 경우는 문항의 순서가 바뀔 때마다 코드도 같이 수정되어야 하기에,

저희 object, qnaList가 가지고 있는 key 값 q와 a말고 새로운 key-value 쌍을 추가하여서,

그 value값에 따라서 조건을 나눠주어도 좋을 것입니다.

조건문으로 나누는 경우,

깃헙 기준으로 #img Version과 #Share Page에서 코드를 적절히 섞으면 구현하실 수 있으실 것입니다.

아마 애니메이션을 넣는 부분 때문에 코드가 다소 수정되어야 할 수도 있겠지만,

제 강의를 모두 이해하셨다면 큰 어려움이 없을 것 같습니다 :)

질문의 인덱스에 따라서 조건문으로 분기처리하면 될 것 같습니다!