sunclock / soul-food-old Goto Github PK

• 프로그래밍을 잘 모르는 사람도 커스텀 심리테스트를 만들 수 있게 하고 싶다.
• 현재는 질문, 응답 입력 코드가 구현되지 않아 재사용이 어려운 상태다.
• 질문, 결과 데이터를 DB에 입력하는 페이지를 만들면 좋겠다.

• ResultPage의 링크 공유는 클립보드에 저장만 돼서 유저의 사용성이 떨어짐
• 유저가 공유하려면 직접 해당 앱으로 이동해야 하는 불편함 발생
• Web Share API를 이용해 모바일 기기의 공유 기능을 호출해서 해결하자
  Web Share API 사용법

ResultPage에서 서로 다른 위생수칙이 구분되지 않는 문제 발생
위생수칙 간에 줄넘김 추가 및 새 위생수칙 앞머리에 하이픈 추가

마지막 문제를 풀었을 때 결과 페이지로 넘어가지 않고 문제 수만 증가함
현재 문제 번호/총 문제 수가 17/16인 상태로 클릭해야 결과 페이지로 넘어감

QuestionPage에서 문제 수 카운트 상한을 하나 감소시키고
언마운트 되기 전에 응답을 전송해야 함

2번째 선택지 버튼이 너무 아래에 위치해서 모바일 환경에서 클릭하기 불편함

body 하단에 여백을 줘서 스크롤 할 수 있게 만들어야 한다

infoPage에서 qustionPage로 넘어갈 때
셀렉트 박스 옵션이 초기화 상태이면 다음 페이지로 못 넘어가게 하기

8번 문제에서 상단바 이미지 비율이 이상함
해당 부분만 불필요한 <> 태그가 포함됨

<> <img ~~/> </>
QuestionPage에서 불필요한 <> </> 태그를 제거해야 함

Result Page 하단에 저작권 정보 추가하기

• 현재 AWS EC2 HTTP로 접속 제공하고 있으나 보안 위험이 있어 권장되지 않는 방식
• SSL을 추가해서 HTTPS로 전환해야 함
  전환 방법
  통신 규약 설명

MainPage 달과 별 위치 소울푸드의 '소' 왼쪽 위로 변경

ResultPage에서 길이가 긴 키워드가 잘리는 문제 발생

키워드 문자열 길이가 일정 숫자 이상이면 줄넘김 하도록 처리해야함

질문 번호 1번에서 상단바 이미지 게이즈가 비워진 것 추가 후 변경

QuestionPage에서 전구가 중앙에 정확히 위치하지 않아 보기 불편함

• QuestionPage에서 글자 간의 선명도가 다른 문제 발생
• 문제 절반을 왔음을 알리는 텍스트가 이미지 파일이기 때문임
• 안티패턴임. 이미지 파일을 삭제하고 코드로 다시 구현할 것

• 응답 추가될 때마다 DB에서 응답에 해당하는 카운트가 올라가도록 변경하고 싶다.

클릭 시 버튼 색깔 하이라이트 메인색으로 변화

• 링크 공유 시 오픈그래프에 소울푸드 이미지 띄우기
• 제안 by 뽀로로

• ResultPage에서 setUserDocument() 함수가 2번씩 실행되는 문제 발생
• 서버에 preset 데이터와 진짜 데이터가 각각 1번씩 총 2번씩 전송됨