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

POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다. POMOTODO.kr What is POMOTODO? POMOTODO에서 사용한 jQuery - ajax - sortable - ajax (asynchronous javascript and xml) AJAX는 전체 페이지를 다시 로드하지 않고도 서버와 데이터를 교환하고 웹 페이지의 일부를 업데이트하는 기술이다. 꼭 xml뿐 아니라 json도 사용할 수 있다 이 기술을 통해 서버 뿐 아니라 사용자도 시간,돈,자원을 절약할 수 있고, 싱글 웹페이지를 구성할 수 있다 1. ejs파일에 jquery를 첨부한다(cdn형식) 2. 자바스크립트에 작성할 요청코드 //기본형태 //$.ajax({ // method : '서버로 전송하는 데이터의 ..