선 조치 후 분석

프로젝트를 진행하면서, '$a'와 같이 객체를 선언해서 잘 사용하지는 않았다. 하지만 해당 제이쿼리 객체를 사용하면 비교적 편리해서 내용을 정리하게 되었다. jQuery 객체? $는 jQuery에서 매우 일반적인 사용으로 변수에 저장된 jQuery 객체를 다른 변수와 구별 jQuery가 아닐 때에도 jQuery를 사용해서 받은 것을 변수에 넣었다는 것을 표시하기 위함도 있다. jQuery 객체라는 것을 구분하기 위해서 $를 붙이는 것 // 일반적인 변수 선언 var elementId = "myElementId"; var element = document.getElementById(elementId); element.style.color = "red"; // jQuery를 사용하여 DOM 요소를 선택하고 ..

JavaScript를 통해서 Server에 데이터를 전송할 때, 아래의 2가지를 모두 사용했지만 차이점을 잘 모르고 사용했었다. 그래서 2가지의 차이점을 정리해 보았다. serialize String 데이터만 Get & Post를 사용하여 전송 File을 form을 통해서 전송할 수 없음 오래된 브라우저에 대해서 작동하지 않음 (e.g : IE < 10) Enter name: Password: $(function () { $("#button").click(){ var dataString = $("#myForm").serialize(); $.ajax({ type: "POST", url: "upload.php", data: dataString, success: function (data) { alert("S..

전체 부분을 하기에는 너무 비효율적이고, 내가 원하는 부분만 리로드를 해야 할 때가 있다. 아래처럼 작성하여 문제를 해결하였다.

모바일의 키 패드도 개발에서 제어해야 할 줄은 몰랐다. 정말 개발하면서 많이 배운다. $(this). blur(); 를 사용해서 검색하고 완료 버튼을 누르면 키패드가 내려간다. if (e.keyCode == 13) { e.preventDefault(); $(this).blur(); searchStart(); }

File API는 JavaScript로 파일을 읽는 방법이다. 기본적으로 가장 많이 사용하는 방법 중 하나가 input을 이용하는 방법이다. // 파일 업로드 function readURL(input){ var extension = input.files[0].name.split('.').pop().toLowerCase(); // 파일 확장자 console.log('extension : ' + extension ); console.log('input.files[0].name : ' + input.files[0].name ); var str = ""; var reader = new FileReader(); $("#thumb_wrap").empty(); if(extension == 'png' || extens..

window.location.href = 'http://www.google.com'; // Will take you to Google. : 현재 창에서 이동 window.open( 'http://www.google.com'); / / This will open Google in a new window. : 새 창에서 이동 IOS webview, Safari에서는 기본적으로 window.open 이 막혀있다. 내부적으로 풀어줘야 사용할 수 있다고 한다.