[javascript] 심리테스트 만들기 - 3

https://lovetype-jt.netlify.app/

 

처음으로 netlify를 이용해서 웹 사이트를 배포해보았다.
회원가입-로그인-파일드래그-도메인설정 끝!

 

질문 답변은 미완성이지만 기능 구현하는 부분에 있어서는 

질문과 답변. 그리고 이미지만 있다면 다른 테스트도 진행해 볼 수 있을 것 같다.

 

 

- 만들면서 새로 알게된 점

for문을 통한 클릭한 엘리먼트의 데이터 전송
주어진 데이터를 사용자의 선택에 따라 로드하는 방식
데이터를 불러오는 과정에서 더 나은 알고리즘 선택
netlify를 이용한 웹 사이트 배포
카카오 공유하기 api사용


- 개선하고 싶은 점

애니메이션 추가
: fade in/out 외에 조금더 다양한 애니메이션을 구현해보고 싶어졌다.

로딩중 페이지 작업
: 마지막 질문의 답변 선택 후 너무 바로 넘어가지는 느낌이 있어서 분석하는 느낌을 주기 위해
로딩중 작업을 하면 좋을 것 같다.

 

질문과 답변 데이터 변경
: 기본 강의를 토대로 임의로 적어놓았지만 배포하기에는 미완성본이기 때문에 개선의 필요가 있다

 

css수정

: 모바일에 맞게 css수정이 필요하다

작업을 마치고 느낀점

알고있는 내용을 중심으로 한 간단한 프로젝트라 어려움은 없었다.
강의를 보면서 중간중간 다른방식으로 진행해보거나

다른 기능을 추가하고 싶은 생각이들었지만 일단 따라서 해보고 완성이후에 추가하기 했다.
주어진 질문,답변에 대한 데이터가 있었기에 결과물을 완성시키는데에 문제는 없었지만
내 생각과 아이디어가 담긴 작업물을 만들 땐 전체적인 기획을 먼저 진행하고 작업에 들어가는게 효율적일 것 같다.
최종 수정 후에 나만의 방식으로 테스트를 하나 더 만들어 보고싶다.