728x90 반응형 script3 Spring 개발자 수업 108일차 - jQuery Ajax를 이용한 post-it 메모장 만들기(생성, 확인) jQuery Ajax를 이용한 post-it 메모장 만들기(생성, 확인) - 기존에 배웠던 Ajax를 활용해 post-it 형식의 메모장을 만들어서 post-it 메모장 생성, 리스트 확인, 메모 작성, 메모 삭제 기능을 구현하기 - 우선 오늘은 post-it 메모장 생성(랜덤 위치)과 리스트 확인(새로고침 해도 원래 위치)을 구현을 해보자. [ 환경설정 및 파일 생성 ] - 기존의 Ajax수업의 프로젝트 환경설정과 동일하며, 파일 생성만 따로 추가하도록 하자 [ Controller ] com.test.ajax > MemoController.java > MemoDAO.java > MemoDTO.java com.test.ajax.mapper > ajax.xml [ View ] views > memo > i.. 2021. 8. 30. 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 개발자 수업 60일차 - JavaScript, Data Type, Function 1. JavaScript 2. Data Type 3. Function 1. JavaScript [ 정의 ] - 브라우저에서 동작하는 프로그래밍 언어이다. - 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. [ 적용 방법 ] 1) 이벤트 핸들러 방식 : 해당 태그에 직접 기재하는 방법 2) 임베디드 방식 : 3) 외부 방식 : [ console.log(); ] - 디버그 전용 함수이다. - 개발자가 값을 콘솔창에서 확인 할 수 있으며, 보편적으로 많이 쓰인다. ( 사용자에게는 출력되지 않는다. ) - Node 환경에서도 출력이 가능하다. 2. Data Type [ Java & JavaScript 변수 차이점 ] - Java는 정적 할당 언어이기 때문에, 변수를 선언할 때 자료형이 정해진다... 2021. 6. 24. 이전 1 다음 728x90 반응형
