본문 바로가기
반응형

전체 글171

linux xampp start command /opt/lampp/lampp start 2018. 12. 18.
객체 지향 프로그래밍이란 ? 객체 지향 프로그래밍(Object Oriented Programming) == OOP객체 지향 프로그래밍은 컴퓨터 프로그래밍 패러다임중 하나로, 프로그래밍에서 필요한 데이터를 추상화 시켜, 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법이다. 객체 지향 프로그래밍의 장, 단점 장점코드 재사용이 용이하다.- 남이 만든 클래스를 가져와서 사용할 수 있고 상속(extends, implements)을 통해 코드를 확장해서 사용할 수 있다. 유지보수 용이- 절차 지향 프로그래밍에서는 코드를 수정할 때 일일이 찾아가며 수정해야 하지만 객체 지향 프로그래밍에서는 수정해 야 할 부분이 해 당 클래스 내부에 멤버 변수 혹은 메소드로 이루어져있기 때문에 해당 부분.. 2018. 11. 21.
[JQuery] 자식창에서 부모창의 함수 호출하기 //parent page function parent() { alert('저는 부모입니다.'); } //child page - opener.parent.부모 page function function calllparent() { opener.parent.parent(); } 2018. 10. 7.
[JQuery] .load() function 사용하기 $("원하는 element id, name 등등").load("/test?tcode=5"); 페이지를 load하고 싶은 element의 속성값을 이용해서 JSP page를 load할 수 있다. locatin.href='' 처럼 URL을 적어주면 되는데 parameter값도 넘길 수 있고, Controller에 명시되어 있는 경로를 적어주면 되겠다. 원하는 element에 유동적으로 페이지를 load 하고 싶을 때 유용하게 사용할 수 있을듯. 2018. 10. 6.
[JQuery] ajax 파일업로드시 progress bar 만들기 jQuery form plugin을 사용해서 파일업로드할 때 프로그래스바를 만들어보자. 1. script를 cdn방식으로 import한다. 2. html tag 내 form tag를 작성해준다 0% 3. 생성한 div에 style적용 4. script 작성 $(function() { let bar = $('.bar'); let percent = $('.percent'); let status = $('#status'); $('form').ajaxForm({ beforeSend: function() { status.empty(); let percentVal = '0%'; bar.width(percentVal); percent.html(percentVal); }, uploadProgress: function(.. 2018. 10. 5.
[JQuery] ajax로 form data(multipart) 전송 하기 HTML JQuery $("#btnSubmit").click(function (event) { //preventDefault 는 기본으로 정의된 이벤트를 작동하지 못하게 하는 메서드이다. submit을 막음 event.preventDefault(); // Get form var form = $('#fileUploadForm')[0]; // Create an FormData object var data = new FormData(form); // disabled the submit button $("#btnSubmit").prop("disabled", true); $.ajax({ type: "POST", enctype: 'multipart/form-data', url: "/document/upload", .. 2018. 10. 4.
반응형