정리 참고 링크 :http://www.tcpschool.com/ajax/ajax_intro_basic 이전에 알아야할 개념 ↓ 제이쿼리 정의 : https://rebornbb.tistory.com/entry/jQuery-jQuery-%EC%A0%95%EC%9D%98%EC%99%80-%EC%A0%81%EC%9A%A9-%EB%B0%A9%EB%B2%95-%EC%A0%95%EB%A6%AC XML과 JSON 차이점 링크 : https://rebornbb.tistory.com/entry/Spring-REST-%EA%B3%BC-JSON-%EC%97%90-%EB%8C%80%ED%95%9C-%EC%84%A4%EB%AA%85 AJAX 동적으로 데이터를 가져오는 작업들 Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹..

정리 참고 원본 : https://www.w3schools.com/jquery/jquery_syntax.asp 정리 참고 원본 : http://www.tcpschool.com/jquery/jq_intro_apply 제이쿼리란? jQuery는 경량의 "적게 작성하고 더 많이 수행하는" JavaScript 라이브러리입니다. jQuery의 목적은 웹사이트에서 JavaScript를 훨씬 더 쉽게 사용할 수 있도록 하는 것입니다. jQuery는 수행하는 데 많은 JavaScript 코드 행이 필요한 많은 일반적인 작업을 수행하고 이를 한 줄의 코드로 호출할 수 있는 메서드로 래핑합니다. 또한 jQuery는 AJAX 호출 및 DOM 조작과 같은 JavaScript의 복잡한 많은 부분을 단순화합니다. jQuery 라..

Rest 란 '주소가 곧 데이터' REST = “Representational State Transfer” 의 약자이다. REST는 “웹에 존재하는 모든 자원(이미지, 동영상, DB 자원)에 고유한 URI를 부여해 활용”하는 것으로, 자원을 정의하고 자원에 대한 주소를 지정하는 방법론을 의미한다고 한다. 이런 REST의 형식을 따른 시스템을 RESTful 이라고 부른다. HTTP URI 를 통해 자원을 명시하고 HTTP Method를 통해 해당 자원의 대한 CRUD Operation (create,read,update,delete)을 적용한다. REST 구성요소 자원(Resource) , URI 모든 자원은 고유한 ID를 가지고 ID는 서버에 존재하고 클라이언트는 각 자원의 상태를 조작하기 위해 요청을 ..

자바스크립트 javascript setTimeout 과 setInterval, clearInterval 경마 만들기 문제 start var rank=[]; //시작했을때 세팅 function start(){ //버튼숨김 document.getElementById("start").style.display='none'; // isEnd=[false,false,false,false];//false 안도착 true 도착 // rank=[0,0,0,0]; //도착순위 // rankCount=1; //순위설정 rank=[]; //시작점지정 document.getElementById("h1").style.marginLeft='0px'; document.getElementById("h2").style.marginLef..

스프링부트 삭제,상세,수정 수업 정리 3 이전글 : https://rebornbb.tistory.com/entry/Springboot-22-09-29-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%ED%8E%98%EC%9D%B4%EC%A7%95-%EC%88%98%EC%97%85-2?category=1081544 [Springboot] 22-09-29 페이징 기능 수업 -2 스프링부트 페이징 구현 수업 정리 2 이전글 : https://rebornbb.tistory.com/entry/Springboot-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%ED%8E%98%EC%9D%B4%EC%A7%95-%EA%B5%AC%ED%98%84-%..

스프링부트 페이징 구현 수업 정리 2 이전글 : https://rebornbb.tistory.com/entry/Springboot-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%ED%8E%98%EC%9D%B4%EC%A7%95-%EA%B5%AC%ED%98%84-%EB%B0%A9%EB%B2%95 [Springboot] 22-09-28 스프링부트 페이징 수업 -1 denpendencies 수정 타임리프 사용할것이니 아래 denpendencies 추가 implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layo..

자바스크립트 javascript setTimeout 과 setInterval, clearInterval 예제 및 문제 특정시간마다 실행되는 함수를 생성하는것 setTimeout 특정시간에 1번실행 setInterval 특정시간마다 실행 setTimeout(function(){ document.write('setTimeout' + new Date() + ' '); }, 2000); //2초후에 function부분이 실행 var myFunction=function(){ document.write('setTimeout'+new Date() + ' '); } setTimeout(myFunction, 5000); //5초후에 실행 var count =0; setInterval(function(){ count++;..

스프링부트 페이징 구현 수업 정리 1 denpendencies 수정 타임리프 사용할것이니 아래 denpendencies 추가 implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:3.1.0' implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity5' application.properties 수정 파일 저장설정을 해주자. 저장경로에 H2 DB파일이 세이브될것이다. Member.java package com.example.demo.entity; impo..