진행상황은 깃허브에 매일매일 기록하고 있습니다. https://github.com/coqoa 개발하는데 속도가 붙어서 한동안 블로그와 깃허브에 개발중인 프로그램에 대한 글을 작성하지 못했다 이미 생각보다 많은 코드들이 작성되었고 하나하나 떼어서 설명을 덧붙이는건 시간이 부족할 것 같아서 통으로 올려놓고 앞으로는 가능한 자주 코드에 대한 글을 작성할 예정이다 주석으로 대략적인 참고사항은 적어놓았고 구현했다가 안쓰게 되서 작동안하는 코드 , 쓸데없는 주석 등이 많이 있을거라고 판단한다 얼른 코드를 정리하고 주석을 새롭게 달아서 나도 보기 편한 코드를 만들어야겠다 HTML POMOTODO 시계 ﾠ ﾠcoqoa28@gmail.com Pomodoro 25:00 Farm Morning with Sheep Fire ..

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

HTML 언어는 약속이고 의미에 집중해서 mark up 한다, 디자인은 css의 영역으로 남겨둔다 - ~ : 크기조절 - : 링크임을 알려주는 태그 속성으로 href="링크주소"를 사용, + 새탭으로 열려면 target="_blank" 속성추가, + 툴팁은 title="툴팁내용" 속성 추가 - : 리스트 과 태그로 묶어서 사용한다, : 순서 없는 리스트 : 순서 있는 리스트 - 문서의 구조 html - head : 본문 외의 정보, (ex. title, meta 등등) - body : 본문 - : 단락 구분, 줄바꿈을 css를 통해서도 구현할 수 있다 - : (void element), 줄바꿈 태그 을 줄바꿈 하기보단 로 단락화 하는게 좋다 - 이미지 추가 태그 속성 : src ="이미지 주소", wid..

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