[JQuery] qrcodejs로 QR 코드 만들기 바쁜 분들을 위해 바로 코드부터 보시지요. See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.QR 코드는 qrcodejs라는 라이브러리로 쉽게 만들 수 있습니다.옵션도 무척 간단하기에 바로 가져다 사용하실 수 있습니다.간단한 만큼 커스텀이 제한적이라는 약간의 아쉬움이 있지만 간단하게 QR 코드를 만들 수 있으니 무척 기쁘네요.위 코드에서 다 알아보겠는데 correctLevel이 뭐지? 싶으실 수 있습니다.correctLevel은 "복원 능력" 레벨을 뜻합니다.QR 코드의 복원 능력이란?물리적 손상: QR .. 2024. 12. 9. [JS] 파일 크기를 깔끔하게 만들어주는 JQuery 코드 input으로 파일 정보를 추출하면 파일 사이즈가 "878562" 이런 식으로 숫자로만 추출되는 것을 확인할 수 있습니다.이때 이를 깔끔하게 만들어주는 함수나 코드를 그때그때 작성하기보다는 이렇게 탬플릿화 해서 적재적소에 사용하면 시간을 아끼고 효율적으로 일할 수 있기에 관련 코드를 공유합니다.이러한 코드들을 앞으로도 지속해서 공유하고 저 또한 재사용함으로써 모두 효율적으로 일하는 것이 목표입니다.그럼 다들 파팅! See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen. 2024. 12. 2. [JQuery] 새 탭으로 구글, 네이버 검색(네이버 뉴스 포함) 아주 간혹 가다 내 사이트에서 네이버나 구글 검색이 필요할 때가 있습니다.그때 아래 코드를 사용해 보세요.새 탭을 통해 구글이나 네이버로 바로 검색을 하실 수 있습니다!새 탭으로 네이버 검색: See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen. 새 탭으로 네이버 뉴스 검색: See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.새 탭으로 구글 검색: .. 2024. 11. 24. [JQuery] 커스텀 select 만들기 wiht 깔끔한 코드 기본 select가 범용성 면에서는 더 좋습니다.특히 모바일에서 자동으로 select를 인식하고 선택하기 쉽게 처리해주기도 합니다.그러나 디자인이 이쁘지 않고 커스텀에 한계가 있다 보니 보통 select는 만들어서 쓰는 경향이 있습니다.필요할 때마다 만들기도 귀찮고, 한 번 탬플릿으로 만들어두면 두고두고 편하게 사용할 수 있습니다.그러기 위한 기초 화장만 입힌 커스텀 select를 만들어 봤습니다.다들 자주 보는 곳에 저장한 후 필요할 때마다 꺼내 쓰시면 좋을 것 같습니다.필요할 때마다 제 블로그를 방문하시는 것도 좋은 선택일 것입니다.기본 select: See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Unt.. 2024. 11. 23.
