설문폼 웹사이트 프로젝트 -3. 개발_설문 만들기_Intro

ppm_Vely·2022년 6월 21일
0

설문 만들기 페이지

구글 설문 폼을 모티브로 질문유형을 가지고 왔다.

설문 기본정보, 질문과 옵션을 입력할 수 있는 페이지이다.

화면설계를 해보자면..
각 기능별 설명, 유효정보 등을 꼼꼼히 기억해준다 나중에 까먹으니깐..


이렇게 화면 설계가 끝났으면 구현을 시작하면 된다!

어떻게? 이렇게~

<구현 방법>
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

profile
오늘도 개발중인 ppm's Programming Log

0개의 댓글