[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. [CSS] animation에 대해 알아봅시다 CSS의 animation은 단어 그대로 html에 애니메이션을 입힐 수 있는 속성입니다.animation의 활용법은 무궁무진합니다. 가끔 코드팬을 둘러보면 무척 재밌고 유쾌한 코드들이 많이 있습니다시간이 있으실 경우 구글에 “codepen animation”이라고 검색해 보시면 다양한 개성의 코드들을 만나 보실 수 있을 겁니다.실 사용법:marquee 효과: 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) o.. 2024. 11. 22. [CSS] transition에 대해 알아봅시다 transition은 요소의 상태 변화에 따라 부드러운 애니메이션 효과를 제공하는 CSS 속성입니다. animation과 달리, transition은 요소의 상태 변경(예: hover, focus, active 등)에 반응하여 특정 방향으로만 애니메이션을 적용할 수 있다는 특징이 있습니다.실 사용법:바쁘신 분들은 아래 코드팬 코드를 우선적으로 보셔도 됩니다. See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by 이종원 (@orugpbqu-the-solid) on CodePen.hover 이벤트에 transition을 주고 싶을 경우 주체가 되는 요소에 transitinon을 주어야 합니다.여기서.. 2024. 11. 21. [Node JS] TypeError: value.replaceAll is not a function 만약 현재 node 14 이하의 버전을 사용하고 계신다면 아래와 같은 에러 코드가 나올 수 있습니다.connect-pg-simple의 오류인데요.이 오류를 해결하기 위해서는 node 버전을 15 이상으로 업그레이드해 주시면 됩니다. 2024. 11. 20. [Node JS] 윈도우에서 14, 15버전 설치가 안되는 이슈 해결 방법 원인:어느 날부터 갑자기 nvm에서 node 14와 15 버전을 포함해 그 이하 버전을 지원하지 않게 되었습니다. node js 설치 후 사용 시:현재 PC에서는 이 앱을 실행할 수 없습니다. nvm install 명령어 실행 시 nvm isntall 14 #코드 실행 시 아래와 같은 failed 반환Rollback failed. remove D:\_16_nvm_root\nvm\v14.21.3\node64.exe: The process cannot access the file because it is being used by another process.위와 같은 문제가 발생하신다면 아래 방법을 시도해 보시기를 바랍니다.윈도우 시작 버튼 클릭 > cmd 열기cmd에서 where nvm을 통해 nvm 위치.. 2024. 11. 19.
