본문 바로가기

Develop/HTML & JavaScript & CSS

 (51)
HTTP Method 및 GET VS POST 차이점 HTTP Method 및 GET VS POST 차이점에 대해 정리된 좋은글이 있어서 공유합니다. https://im-developer.tistory.com/166 https://mangkyu.tistory.com/17 GET [HTML] a href [Javascript] location.href POST [HTML] submit(method="POST") [Javascript, jQuery] ajax(type: 'POST')
jQuery 제대로 사용하기(jQuery Best Practice) 요즘 웹을 개발하는데 있어서 Angular나 ember등의 프레임워크를 코어하게 사용하지 않는한 jquery는 매우 기본적인 라이브러리가 되었습니다. 하지만 개발을 하면서 jquery를 그냥 아무렇게나 막 사용하는 경우가 종종 있습니다. 예를 들면 코드상에서 엘레먼트를 선택함에 있어 매번 $('div').show(); $('div').toggleClass('wow'); jquery의 셀렉터를 이용해 인자를 선택하는데 이런경우 매번 인자를 찾아 나서기 때문에 성능에 좋지 못합니다. 그래서 이경우에는 변수로 만들어 사용하는 방법을 쓰는것을 권장합니다. var allspans = $("li ul span"); allspans.show(); allspans.toggleClass("bubu"); 이러한 것들 외에..
크롬 개발자모드 콘솔에서 jQuery 사용하는 방법 크롬 개발자모드는 프론트 앤드 개발하는데 있어서 필수적으로 사용하는 툴이죠. 디버깅 기능을 포함하여 강력한 개발 툴을 지원해주고 있는데요. 가끔 사이트 분석을 할 때 콘솔에서 jQuery 명령어를 쓰고 싶을 때가 있죠. ▼ 우선 크롬 Developer Tool 에서 다음과 같은 코드를 복사 후 실행하면 jQuery 기능을 사용할 수 있습니다. var jq = document.createElement('script'); jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, ..
jquery data, attr data 속성으로 데이터 set/get 하는 경우 dom 객체는 컨트롤이 되지 않음 attr 속성을 이용해서 같이 바꿔주어야 보이는 값과 data에 저장된 값을 같에 처리할 수 있음 $("a.site-list.currency>span").data("defaultCurrency", choiceCurrency); $("a.site-list.currency>span").attr("data-default-currency", choiceCurrency)
iOS Safari 뒤로가기 새로고침 시 데이터가 사라지는 현상 관련
unix timestemp https://reword12.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Unix-TimeStamp%EB%B3%80%ED%99%98-javascript
Date() 함수에서 날짜 형식 출력 하는 방법 자바스크립트에서 Date() 날짜 함수를 이용해서 특정 형식으로 년, 월, 일, 시간 등을 출력 할때 출력 format 함수가 없어서 고생하는 경우가 많다. 그래서 함수로 만들어서 사용하면 편리하다. 아래 함수를 이용해 보자. Date.prototype.format = function (f) { if (!this.valueOf()) return " "; var weekKorName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var weekKorShortName = ["일", "월", "화", "수", "목", "금", "토"]; var weekEngName = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursd..
ajax 배열 전송 ($.ajaxSettings.traditional) ajax 전송 시 배열로 넘기게되면은 []를 포함해서 넘어갑니다. 예를 들어 아래와 같이 호출하면 파라메타는 data[]=1&data[]=2 로 넘어갑니다. var data = new Array(); data.push(1); data.push(2); $.ajax({ url : "test.do", type : "GET", data : { data: data}, success : function(data) { ..... } }); 이럴때 $.ajaxSettings,traditional = true 라는 설정을 추가해서 아래처럼 호출해주면 var data = new Array(); data.push(1); data.push(2); $.ajaxSettings.traditional = true; $.ajax({ ..

티스토리툴바