반응형 JAVASCRIPT28 [NodeJS] 설치하기 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2019. 11. 6. [ 카카오맵 API ] 다음 카카오 Map API 사용하기 1. 링크 접속 하기 http://apis.map.daum.net/ Daum 지도 API Daum 지도 API를 이용해보세요. 다양한 샘플과 상세한 매뉴얼로 개발자분들의 시간을 아껴드리겠습니다! apis.map.daum.net 2. 접속 후 상단의 APP KEY 발급 클릭 3. 클릭 후 카카오계정으로 로그인 4. 좌측의 앱 만들기 클릭 후, 앱이름, 회사명을 입력 5. 발급된 키를 확인한다 WEB을 사용하고싶다면 Javascript 키, App을 사용하고 싶다면 네이티브 앱 키를 사용하면 된다. 2019. 5. 31. [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. 이전 1 2 3 4 5 다음 반응형
