JS ONE PIECE

웹 개발을 하다보면 문자열의 마지막 몇글자만 \*처리할 때가 있을 것이다.예를들어 0101234\*\*\*\* 이런식으로 말이다.어떻게 처리를 할까?반복문을 역시 써야하는걸까? 아니면 다른 방법이 있는걸까?필자도 뭐가 더 나은 방법인지 했지만 뭔가 정규식으로 처리할 수

오늘은 swiper.js로 만든 슬라이더들안에 youtube영상을 넣어보는 것을 알아보고자 한다. 기본적인 swiper를 생성하는 방법은 이 링크로 들어가면 자세히 알 수 있다. index.html youtube.js 기본적인 yotube 동영상을 생성하는 방법은

jquery를 쓰다보면 현재 클릭한 요소의 인덱스 값을 구하는 것을 많이 쓰는데 코드로 보면 다음과 같다. 어떻게 구현하는 걸까? 생각해보자. 우선 현재 클릭한 요소의 부모 요소부터 찾아야 할 듯하다. 함수로 만들어 보겠다 이런식으로하면 element의 부모 요

문제 IE에서의 ajax 요청이 캐싱되는 문제 정확히는 GET방식으로 요청할 때 캐싱되는 문제이다. jQuery에서는 아래의 방식으로 이 문제를 해결한다. jQuery공식 홈페이지를 가보니 이렇게 적혀있다. `cache (default: true, false fo

입력 폼 개발 시 사용자가 input에 한글만 적게 하고 싶을 때가 있다. 처음엔 이런식으로 하면 될 줄 알았지만 크롬에선 정상 작동되는데 IE에서는 정상적으로 작동하지 않았다 (망할 IE 망했으면...); 그때 여러 구글링을 통해 알아본 결과 숫자나 영어는 1

웹 개발을 하다보면 특정 문자열을 *로 처리해야할 때가 있다. 처음과 마지막 글자만 보여주고 중간 글자들은 다 *로 만드는 함수이다. 우선 문자열이 2글자인지 아니면 그보다 더 많은지 검색한다. 문자가 2글자 이하면 사이 글자가 없으므로 마지막 글자만 \*로 만든다

만약 프론트엔드 개발자라면 이미지를 불러와 높이 값에 따라 레이아웃을 변경할 때가 있을 것이다. 예를 들어 이런 코드가 있다고 가정해보자 결론만 말하자면 위의 코드는 작동하지 않는다. 왜 그럴까? 그 이유는 test.png가 로딩되기 전 clientHeight를

javascript의 Number 객체는 Object 객체의 toString()메소드를 오버라이딩하며, Object.prototype.toString()를 상속받지 않습니다. Number 객체에서 toString() 메소드는 특정 진수로 객체를 표현한 문자열을 환원합니

다들 웹개발을 하실 때 click event를 많이 사용하실 겁니다. 아마 이런 식으로 이벤트를 추가하실텐데 pc에선 문제가 없습니다. 하지만 IOS 모바일 기기에서 확인해보면 약간 반응이 느린걸 알 수 있습니다. 무엇이 문제일까요?? 이는 IOS가 의도적으로

일을 하다보면 배열에 유니크한 값만 남기고 싶을 때가 있다. 그 때 제가 쓰는 방법을 알려드리겠습니다.

객체의 key를 기준으로 카운트 배열내의 특정 요소가 얼마나 있는지 카운트 배열내의 요소들 종류별로 카운트