POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? 1. 문제인식 리스트에 있는 드래그기능을 사용하는데 범위가 이상하다 * 설명을 위해 코드를 손봐서 리스트 크기가 조금 다르다 2. 원인 분명 컴퓨터에서는 잘 작동하는데 모바일에서 이슈가 발생했다 모바일과 컴퓨터에서 달라지는 코드를 먼저 꼼꼼히 찾아봤고, 반응형디자인을 적용할 때 모바일환경에서 요소들의 크기를 좀 키우고자 사용한 zoom 속성이 문제인 것 같았다 3. 해결 모든 zoom 속성을 제거했고 모바일 환경에서 요소의 크기를 개별적으로 키우도록 코드를 작성했다

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

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

객체형 데이터 타입 객체형 데이터 타입은 소수의 데이터 요소가 아닌 다양한 데이터를 담을 수 있다는 특징이 있다. 1. 연관된 데이터들을 하나로 모을 수 있다. 2. 데이터를 가독성좋게 관리를 할수 있다. 3. 재사용성이 좋아지고 유지보수하는데 많은 이점이 생긴다. 1. 객체(object) * 객체는 순서가 없는 정리정돈 상자이다 객체선언 * key : value 로 구성된 properties를 { } 중괄호로 묶어서 선언한다 ex) let 변수명 = {"key" : value}; * key값은 문자열을 사용한다. 따옴표가 없어도 되지만 띄어쓰기가 있다면 의도적으로 따옴표로 묶어줘야한다. * value는 다양한 자료형이 올수있다 * value에 함수를 넣으면 method라고 한다 메소드: 특정기능을 정의..