Spring 개발자 수업 109일차 - jQuery Ajax를 이용한 post-it 메모장 만들기(작성, 위치 저장, 삭제)
jQuery Ajax를 이용한 post-it 메모장 만들기(작성, 위치 저장, 삭제) [ 구현 목표 ] - 어제 작업하던 post-it 마무리 구현을 오늘 해보자. 1. 메모 이동 -> (id, left, top) -> DB 반영 2. 메모 z-index 변경 -> (id, zindex) -> DB반영 3. 메모 내용 수정 -> (id, memo) -> DB반영 ----------------------------------------------------------- 4. 메모 삭제 -> DB반영 --> 정리해서 업무 구분을 하자면 이동, z-index 변경, 내용 수정은 UPDATE 작업이며 메모 삭제는 DELETE 작업이다. [ 환경설정 및 파일 생성 ] - 환경설정, 파일 및 DB테이블은 어제와 동..
2021. 8. 31.
jQuery 개발자 수업 69일차(1) - jQuery, 선택자(Selector), 이벤트(Event)
1. jQuery 2. 선택자(Selector) 3. 이벤트(Event) 1. jQuery [ 정의 ] - 클라이언트 측 HTML 스크립팅을 간소화하기 위해 고안된 크로스 플랫폼 자바스크립트 라이브러리다 - Lightweight footprint, 경량 - CSS3 Comliant, CSS3 선택자를 지원한다. (태그 검색하는 도구로 제공) - Cross-Browser(Chrome, Edge, FireFox, IE, Safari, Android, iOS) [ 설치 방법 ] 1) 로컬 설치 방법 - http://jquery.com 에 접속한뒤 필요한 버전을 다운로드한다. ( 마우스 우클릭 -> 다른이름으로 링크 저장 ) - 다운받은 링크를 내 현재 프로젝트 폴더에 넣는다. - 설치한 파일 경로를 head ..
2021. 7. 5.