본문 바로가기

jquery12

[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] 자식창에서 부모창 제어하기 $("#부모창Element ID",opener.document).val("바꿀 값"); 2018. 9. 12.
[JQuery] Parent(부모), ChildI(자식) 이벤트 문제 $(document).on('click','.test',function(){ alert('test'); }); $(document).on('click','.test2',function(){ alert('test2'); }); 본인은 div test class를 클릭하면 test가 alert창에 띄워지고 div test2 class 를 클릭하면 test2가 alert에 띄워질줄알았지만, javascript는 부모 자식간에 이벤트를 전파(버블링)하는 속성이 있기때문에 부모 class인 test 의 자식클래스 test2를 클릭해도 alert에 test가 띄워지게 된다. 그래서 해결방법으로는 부모의 이벤트전파를 막는 속성인 문구를 하나 추가해주면된다. //jQuery 사용할경우 $(document).on('cl.. 2018. 8. 30.
[JQuery] 브라우저 해상도 알아내기 $(document).ready(function(){ let windowWidth = $( window ).width(); let windowHeight = $( window ).height(); alert(windowWidth); alert(windowHeight); }); 2018. 8. 28.
[JavaScript] JSON을 자바스크립트 배열로 변환하기 예시) // evt로 JSON객체가 들어왔다고 예를들어보자 function(evt) { //jsontext에 JSON객체를 넣는다. var jsontext = evt.data; //JSON.parse를 이용해 jsontext를 파싱해 contact 변수에 넣어준다. var contact = JSON.parse(jsontext); //for문을 돌면서 contact[i]의 값을 출력한다. for (var i = 0; i < contact.length; i++) { console.log(contact[i]); } } 도움이 되셨다면 하트 및 댓글 부탁드립니다♥ 2018. 8. 1.
서블릿(Servlet)의 개념 1. 서블릿이란? 서블릿이라는 용어는? Server + Let / Server + Applet클라이언트 요청을 처리하고 그 결과를 다시 클라이언트에게 전송하는 Servlet 클래스의 구현 규칙을 지킨 자바 프로그램이라고 생각하면될것같다. . .JDK 가필요하며, 자바 API와 이를 동작시키는 JVM이 필요하다. 2. 서블릿컨테이너? 서블릿을 관리해주는 친구이다. 서블릿 컨테이너는 서블릿의 생명주기를 관리하고 요청에 따른 스레드를 생성해준다. 또 , 클라이언트의 Request를 받아주고 Response를 보낼 수 있게 웹 서버와 소켓을 만들어서 통신을 해준다. 3. 서블릿컨테이너의 역할? 통신 지원 서블릿과 웹 서버가 통신할 수 있는 손쉬운 방법을 제공한다. 우리가 통신을 한다고 생각할 때 소켓을 만들고,.. 2018. 1. 10.