IT 정보 2

Swiper 이미지 슬라이드 사용 시 이미지나 텍스트가 흐리게 나올 때

최근 프로젝트를 진행하면서 Swiper 이미지 슬라이드를 사용하여 작업을 하였는데 슬라이드를 좌우로 넘겼을 때 이미지가 아주 미세하게 흐려지는 현상이 나타났다. 지금까지 Swiper 슬라이드를 사용하면서 처음 겪어본 현상이라 이유도 잘 몰라서 해결법을 찾느라 아주 조금 고생했다. 열심히 찾아본 결과 이런 현상이 가끔 있나 보더라. 이렇게 슬라이드 되는 이미지나 텍스트가 흐리게 나올 때 사용하는 옵션 파라미터(Swiper Parameter) 값이 있더라. 관련 파라미터는 roundLengths 이다. 아래는 Swiper API 사이트를 참조한 원문 내용과 구글 번역한 내용이다. https://swiperjs.com/api/ Swiper API Swiper API Improve this Doc Swiper ..

IT 정보 2020.12.18

html input pattern 정규표현식 모음

직업이 웹프로그래머이다 보니 정규표현식(Regular Expression)을 은근히(?) 자주 쓰게 된다. 아주 예전에는 입력 값의 유효성 검사를 하려면 자바스크립트를 사용하거나 서버 사이드 스크립트를 사용해 처리해야만 했다. 하지만 html5 이후 input 태그의 pattern 속성에 정규표현식을 넣으면서 유효성 검사를 위한 입력 값 제한을 비교적 간단하게 구현할 수 있다. 물론 이중, 삼중의 보안과 완전한 입력 값 컨트롤을 요한다면 서버 사이드 스크립트에서 처리하는 것과 병행해서 사용하는 것이 좋다고 생각한다. 은근히 자주 쓰이는 정규표현식을 틈날 때마다 조금씩 모아볼 생각이다. 내가 써먹으려고 하는 이유도 있고 혹시라도 초보 프로그래머, 퍼블리셔 분들에게 도움이 될까 싶어서이기도 하다. IT 고수..

IT 정보 2020.12.01