본문 바로가기
728x90
반응형

Document5

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일차(3) - 자식-부모-형제 찾기, Box Model, Scroll 1. 자식-부모-형제 찾기 2. Box Model 3. Scroll 1. 자식-부모-형제 찾기 [ 자식 찾기 ] - DOM 방식: childNodes, children - jQuery 방식: children() - 예제 See the Pen by yhyuk (@yhyuk) on CodePen. [ 부모 찾기 ] - DOM 방식: parentNode, parentElement - jQuery 방식: parent(), parents() - 예제 See the Pen 부모 찾기 예제 by yhyuk (@yhyuk) on CodePen. [ 형제 찾기 ] - DOM 방식: previousSibling, nextSibling - jQuery 방식: prev(), next() - 예제 See the Pen by y.. 2021. 7. 6.
JavaScript 개발자 수업 66일차 - CSS 조작 JavaScript CSS 조작 JavaScript CSS 조작 [ JS CSS 조작 규칙 ] 1) style 프로퍼티 사용(Collection) 2) 태그.style.CSS속성명 = CSS속성값 - html 방식: - JavaScript 방식: box.style.color = 'red'; - 대부분의 속성명은 그대로 사용한다. - 'background-color' 같은 경우 캐멀 표기법('backgroundColor')으로 수정해서 사용한다. 3) 속성값은 숫자를 제외하고, 대부분 문자열 이다. 4) JavaScript를 통해서 접근한 CSS의 속성 상태는 인라인 스타일 시트로 선언한 값만 접근이 가능하다. (임베디드, 외부 스타일 시트는 접근이 불가능) [ JS에서 CSS 숫자단위 표기법 ] 1) 숫.. 2021. 7. 1.
JavaScript 개발자 수업 64일차 - Timer, DOM, Content 1. Timer 2. DOM 3. Content 1. Timer [ 정의 ] - window 객체 메소드이다. - 일정 시간이 지난 뒤에 함수를 호출할 수 있도록 해준다. 이름 설명 number setTimeout(함수, 시간(ms)) - 해당 함수 실행 후 지정한 시간이 되는 순간 함수를 실행한다. - 실행횟수: 1회 실행한다. - 초기화 메소드: void clearTimeout(타이머 ID) number setInerval(함수, 시간(ms)) - 해당 함수 실행 후 지정한 시간마다 함수를 실행한다. - 실행횟수: 반복(무한) 실행한다. - 초기화 메소드: void clearInterval(타이머 ID) [ setTimeout 예제 1 - bgColor 변환 ] See the Pen timer 예제1.. 2021. 6. 28.
JavaScript 개발자 수업 62일차(2) - Collection, Window, Screen, Location, History , Links, Images 1. Collection 2. Window 3. Screen 4. Location 5. History 6. Links 7. Images 1. Collection [ 정의 ] - JavaScript Built-in Collection - 브라우저가 HTML 문서를 로딩하는 과정에서 자동으로 만드는 배열 window.document.images // 문서 내의 모든 태그 배열 window.document.links // 문서 내의 모든 태그 배열 window.document.anchors // 문서 내의 모든 태그 배열 window.document.forms // 문서 내의 모든 태그 배열 window.document.forms[index].elements // 해당 폼 태그의 자식 태그 배열 window... 2021. 6. 27.
728x90
반응형

티스토리툴바