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 기획서 기능설명 & 자료 현재 나에게 가장 필요한 서비스가 무엇인가? 1. 공부를 좀 더 효율적으로 하기 위해 매시간 체크하는 pomodoro타이머 2. 명확한 목표를 설정하기 위한 TodoList 3. 나의 안좋은 습관을 체크하고 고치기 위한 Not TodoList 4. 공부하는데 도움이 되는 음악이나 소리들 이 네가지를 한 화면에서 관리 할 수 있는 프로그램을 만들고 싶었음. 매일 직접 사용하고 있는 프로그램들이기에 사용자의 시선에서 좀 더 냉정하게 평가할 수 있고, 공부했던 내역이 남는다면 많은 도움이 될 것이라고 판단했음. 어떻게 디자인할까? 1. 전체적인 레이아웃, 버튼은 뉴모피즘 디자인을 사용 2. 레이아웃을 제외한 뉴모피즘 디자인 위에 또 뉴모피즘 디자인을 사용하는 중첩을 피..

PoMoToDo 기획서 기능설명 & 자료 현재 나에게 가장 필요한 서비스가 무엇인가? 공부를 좀 더 효율적으로 하기 위해 매시간 체크하는 pomodoro타이머, 명확한 목표를 설정하기 위한 TodoList, 나의 안좋은 습관을 체크하고 고치기 위한 Not TodoList, 공부하는데 도움이 되는 음악이나 소리들 이 네가지를 한 화면에서 관리 할 수 있는 프로그램을 만들고 싶었음. 매일 직접 사용하고 있는 프로그램들이기에 사용자의 시선에서 좀 더 냉정하게 평가할 수 있고, 공부했던 내역이 남는다면 많은 도움이 될 것이라고 판단했음. 구현 예정 기능 (Main Page) PomodoroTimer - 누르면 시작, 한번 더 누르면 일시정지 - 설정버튼을 통해 아래와 같은 기능 구현 1. 강제종료하기 2. 작업..