Project Overview

- Project Name

보라매병원 소식지 '보람애' 웹진 디자인 및 퍼블리싱

- Client

한강문화사

- Date

2017.03 ~ 2020.07(진행중)

- Contribution

메인 레이아웃 디자인 100% / 메인 및 서브 레이아웃 퍼블리싱 100%

- Summary

보라매병원의 계간 소식지 '보람애'의 웹진 제작. 출간된 종이 잡지를 웹에 적합하게 다시 디자인 하고 퍼블리싱 하였습니다. 자체 웹 솔루션을 적절하게 커스텀하여 사용합니다.

- Updates

01. 객관식 독자퀴즈 제작

기존 구독자 이벤트는 정답 데이터를 텍스트로 받는데, 객관식 독자퀴즈가 신설되면서 퀴즈 페이지를 새로 제작해야 했다. 구독자는 라디오 버튼을 이용해 편리하게 문제를 풀 수 있도록 하고 관리자 페이지에서는 텍스트로 정답을 받을 수 있도록 그 사이에 텍스트 변수를 생성하여 해결했다.
간단한 과정은 다음과 같다.
구독자가 정답을 마킹하고 정답제출 버튼을 누르면 1. quiz_answer 변수를 생성하고 2. 체크한 라디오 버튼의 값을 텍스트로 넣는다. 3. quiz_answer를 이벤트 페이지로 넘긴다.

<script>
	$('.submit').click(function() {
		var quiz_answer = 
        	'Q1 - ' + $('input[name="quiz_01"]:checked').val() +
        	' / Q2 - ' + $('input[name="quiz_02"]:checked').val() + 
        	' / Q3 - ' + $('input[name="quiz_03"]:checked').val();
		$('.quiz-answer').val(quiz_answer);
	});
</script>