POMOTODO(12) - 이슈발생 및 해결, 새롭게 구현한것 등등

 

발생한 이슈와 해결

 

1. favicon 미적용 이슈

로컬에서는 잘 작동하던 favicon이 도메인으로 배포하고나서 표시되지않던문제

: 아이콘파일의 문제, 교체해서 해결

 

2. jquery sortable 모바일 작동불가 이슈

드래그&드롭을 jquery sortable을 통해 구현했는데 모바일 환경에서는 작동하지 않는 이슈 발생

1. 문제점 체크

2. jquery touch punch 플러그인을 설치해서 해결

 

3. setInterval inactive 이슈

브라우저가 비활성화 상태가 되면 setInterval이 느려지는 이슈가 발생

   1. (포모도로타이머, 타이머애니메이션) 두곳에서 setInterval을 사용하는 것을 확인했음

   2. 해결법 stackoverflow 검색했고,

   3. webworker를 사용해서 해결

 

구현내용

 

1. 한글을 최대한 없애고 영어로 작성

일반 도메인을 통해서 접속하는 경우는 (도메인이 .kr이라서) 한국사용자가 많을거라 판단했고 

크롬확장프로그램을 통해서 유입되는 사용자는 외국인도 섞여있을거라 판단

한글을 간단한 영어로 교체했고 번역이 필요한 부분은 한글로 번역해서 함께 제공

what is POMOTODO문서 는 한글로 작성했지만 링크를 통해 문서를 확인할 확률이 높으므로 영어버전도 만들어서 배포할 예정

 

2. 저작권자표시버튼 & 모달창 생성

아이콘을 사용하는데 저작권을 표시해야했고

프로그램의 사용성에 영향을 끼치지 않도록 lightgray색상의 저작권표시버튼을 생성

버튼을 누르면 모달창이 뜨고 저작권자의 정보를 보여주도록 함

---

3. 로그인경고창

내가 실제로 사용할 때 로그인이 된줄 알고 사용했는데 비회원 상태라서 데이터가 저장되지 않는 문제가 있었고,

로그인을 했는지 안했는지 사용자가 확인하기 굉장히 불편하고 어렵다고 생각했음

비회원상태일때도 데이터를 임시저장했다가 로그인을 하면 데이터를 넘겨주면 좋겠다고 생각했지만,

다른 문제들도 있고 추후에 서비스를 업데이트 해가는 과정에서 구현하는게 좋겠다고 판단했고,

우선은 사용자가 로그인 / 비로그인 상태를 확일할 수 있는 모달창을 띄워주도록 구현했음

 

4. 도메인연결

도메인을 구입해서 AWS의 Route53을 통해 연결했음

연결하는 과정에 ACM이나 ELB같은 개념도 학습했고 블로그포스팅 & what is POMOTODO문서에도 공부한 내용, 시행착오 등을 올릴예정

 

5. what is pomotodo 문서 작성

POMOTODO에 대해 설명하는 페이지를 작성했고

기술스택이나 개발이유, 공부한것, 이슈해결, 회고 등등 개발에 관련된 정보는 접힌글로 제공하도록함

(아직 작성하지 못했고 복습을 하며 다음주까지 완전 배포할 예정)

 

다음주 목표 : 

 

1. 크롬확장프로그램 승인 후 링크로 접근가능하도록 구현하기, what is POMOTODO 문서에 작성 및 링크첨부

2. 공부한것들 정리해서 블로그올리고 what is POMOTODO 문서에 링크첨부하기

3. 이슈해결한것 블로그에 정리하고 what is POMOTODO 문서에    링크첨부하기

4. what is pomotodo문서 맞춤법 / 띄어쓰기 체크

5. 마케팅을 염두에 두고 다음 프로젝트 기획하기

(프로젝트 네이밍, 시장조사 및 경쟁자 조사, 왜? 써야되는지 강조할 만한 포인트 생각해보기)