발생한 이슈와 해결 1. favicon 미적용 이슈 로컬에서는 잘 작동하던 favicon이 도메인으로 배포하고나서 표시되지않던문제 : 아이콘파일의 문제, 교체해서 해결 2. jquery sortable 모바일 작동불가 이슈 드래그&드롭을 jquery sortable을 통해 구현했는데 모바일 환경에서는 작동하지 않는 이슈 발생 1. 문제점 체크 2. jquery touch punch 플러그인을 설치해서 해결 3. setInterval inactive 이슈 브라우저가 비활성화 상태가 되면 setInterval이 느려지는 이슈가 발생 1. (포모도로타이머, 타이머애니메이션) 두곳에서 setInterval을 사용하는 것을 확인했음 2. 해결법 stackoverflow 검색했고, 3. webworker를 사용해서..

진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa/PoMoToDo- 2021.12.20~ 2021.12.28 1. 해결한 문제점들 - 모바일 환경에서 출력 안되던 문자 교체 : 회원가입 유효성 체크할 때 모바일 환경에서 문자가 이상하게 출력되던 문제가 발생 -> 맥북 특수문자여서 모바일화면에서는 안보였었음, 교체를 통해 해결 - 전체컬러변경 : 출력기기마다 컬러가 다르게 출력되는데 모바일에서는 파랑과 초록이 돋보여서 물빠진 청바지색으로 출력되는 문제 -> 컬러변경해서 해결 - 반응형 디자인 수정 : 모바일 / 태블릿 / 컴퓨터로 나눠서 반응형디자인 수정 2. 수정한 코드 - css에서 각 요소마다 컬러를 넣었는데 컬러변수화를 통해 유지보수가 쉽도록 변경 - 모달..

POMOTODO 주소 : http://13.209.251.65/ 진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 저번 주 설정한 목표 1. 오디오 선택 드롭다운리스트에 통일성 부여 기본제공 드롭다운리스트는 디자인이 너무 투박해서 요소 클릭시 모달창이 생성되도록 구현함 +@ : 오디오 선택시 바로 재생되도록 구현 +@ : 각 오디오파일 볼륨이 달라서 맞춰주는 작업 병행 2. 타이머의 시간을 가변적으로 자동저장하도록 구현 사용자가 마지막에 설정한 시간을 자동으로 저장, 출력하도록 구현 +@ : 개발과정에 콘솔로그를 통해 시각적으로 확인할 수 있는 코드구현 3. 코드정리를 통해 중복제거, 사용하지 않는 코드를 삭제 자바스크립트 기중 1000줄 -> 700줄 가량으로..

https://youtu.be/FiFnLQNHqAw 진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 1. html과 css를 공부하면서 기본구조를 마크업 & 디자인을 적용했음 시멘틱태그를 신경써서 기본구조를 마크업했고, 각 요소간의 위치에 신경쓰며 디자인을 적용했음 2. 상단 네비게이션 메뉴를 개발중에 필요하다고 판단해서 구현했음 좌측 아이콘과 이름을 클릭하거나, 중앙 맨 왼쪽 아이콘인 데스크톱을 클릭면 홈으로 이동하고, 중앙 2번째 아이콘인 달력을 클릭하면 기록페이지로가도록, 중앙 3번째 아이콘인 모바일을 클릭하면 모바일이나 사이드바에 적당한 사이즈의 페이지로 이동하도록 구현했다 오른쪽 볼드체로 표현된 B를 누르면 제작자의 블로그로 이동하도록 했고, 깃허브 ..

PoMoToDo 기획서 전체적인 통일감을 위한 디자인 변경 - 레이아웃은 부드럽게, 버튼은 납작한 느낌이 나도록 디자인 변경 - 우측 투두,낫투두리스트 뉴모피즘디자인 적용하고 폰트컬러로 구분 - 투두, 낫투두리스트 입력창에 폰트컬러변경탭을 직관적으로 표현 - 완료시 움푹 패이도록 표현(그림판으로는 한계가 있고 html, css적용단계에는 확인가능) - 음악 플레이어부분 곡선택버튼은 동그란 모양으로 포인트를 주고 재생, 넘기기는 버튼없이 깔끔하게 아이콘으로만 표시 - 모달창에 그림자 표현

PoMoToDo 기획서 구조를 짜기 위한 레이아웃, 이름 시각화 / UX설명서 main page record page side page