구글 설문 폼을 모티브로 질문유형을 가지고 왔다.
설문 기본정보, 질문과 옵션을 입력할 수 있는 페이지이다.
화면설계를 해보자면..
각 기능별 설명, 유효정보 등을 꼼꼼히 기억해준다 나중에 까먹으니깐..
이렇게 화면 설계가 끝났으면 구현을 시작하면 된다!
어떻게? 이렇게~
<구현 방법>
1. 테이블 행을 동적으로 추가/삭제하고
2. 질문유형에 따라 질문내용 셀에 다르게 내용 뿌려주고
3. 주관식 질문중 단답형은 input, 장문형은 글자수가 많아지므로 textarea 사용
4. 객관식 질문에서 옵션추가할 경우 동적으로 옵션 li 생성
5. 옵션개수에 따라 2개 또는 3개 이상 생성시 삭제 가능한 'X' 나타남
6. 질문 또는 옵션 삭제 시 갯수 유효검사 체크
7. input, textarea, select, radio, check 다양하게 이용하여 데이터 넘겨주고받기
자세한 코드는 여기 github 주소로!
👉 https://github.com/HuiEun-Lim/JEB-Survey