Develop/HTML & JavaScript & CSS (46) 썸네일형 리스트형 (참고) 사용자 입력 텍스트를 바이트(byte) 길이로 제한 https://hellcoding.tistory.com/entry/textarea-%EA%B8%80%EC%9E%90%EC%88%98-%EC%A0%9C%ED%95%9C-%EB%B0%94%EC%9D%B4%ED%8A%B8Byte-%EC%A0%9C%ED%95%9C textarea 글자수 제한 / 바이트(Byte) 제한 textarea 글자수 제한 / 바이트(Byte) 제한 클라이언트로부터 입력받고자 하는 텍스트가 긴 문자열의 경우, textarea태그를 설정하여 받게됩니다. 이 때, 입력받을 수 있는 최대 바이트수를 정해두고 hellcoding.tistory.com https://meetup.nhncloud.com/posts/319 사용자 입력 텍스트를 바이트(byte) 길이로 제한하는 Vue 컴포넌트 만들기 .. [URL] 파라미터 추가 삭제 url parameters add/remove 출처 - https://motolies.tistory.com/681 function urlRemoveParam(url, key) { var rtn = url.split("?")[0], param, params_arr = [], queryString = (url.indexOf("?") !== -1) ? url.split("?")[1] : ""; if (queryString !== "") { params_arr = queryString.split("&"); for (var i = params_arr.length - 1; i >= 0; i -= 1) { param = params_arr[i].split("=")[0]; if (param === key) { params_arr.splice(i, 1); } } i.. 윈도우 10에서 iOS 사파리 디버깅(Web Inspect) 하기 아래 내용은 인터넷에 떠도는 내용을 보고 따라해보면서 직접 실패를 겪은 뒤 성공한 순서대로 일부를 수정하여 다시 정리한 글임 아이폰에서 Web Inspect 활성화 한국어: 설정 -> Safari -> 고급 -> "웹 속성" 활성화 영어: Settings -> Safari -> Advanced -> "Web Inspector" 활성화 윈도우에 iTunes 설치 https://apple.co/ms 아래 순서대로 아이폰 연결 아이폰 연결 -> 드라이버 설치 (윈도우에서 자동으로 설치함) -> iTunes 실행 (반드시 드라이버 설치 완료되었는지 확인 후 진행) -> 동기화 허용 -> 동기화 Node.js 설치 https://nodejs.org/ko/ PowerShell or CMD 관리자 권한 실행 scoo.. 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 뒤로가기 새로고침 시 데이터가 사라지는 현상 관련 window.onpageshow = function (event) { if (event.persisted) { window.location.reload(); } }; 이전 1 2 3 4 ··· 6 다음
