본문 바로가기

Develop/HTML & JavaScript & CSS

 (52)
윈도우 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 뒤로가기 새로고침 시 데이터가 사라지는 현상 관련
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..

티스토리툴바