kasumil의 코딩 공작소

제이쿼리 버튼 태그나 다른 일반적인 태그는 trigger로 해당 이벤트를 끌어낼 수 있다. 그러나 a 태그는 href가 달려 있어 그런지 trigger('click')으로 끌어 낼 수 없다. 간혹 오래된 부트스트랩 태그가 a를 버튼식으로 변환해서 쓰기에 좀 번거로운 과정이 있다. https://stackoverflow.com/questions/56617376/not-able-to-trigger-click-event-for-button-or-anchor-element-on-page-load Not able to trigger click event for button or anchor element on page load 👋 Basic CSS-Only Modal

wordpress 라이브러리 같은데, 보통 위의 경우로 구성되어 있다. 하지만 제목을 따로 두는 경우가 있어 그 제목을 클릭시 이벤트를 일으켜야 했다. 제목 설명 특정 url을 div에 박아 두어 해당 부분을 작동되게 해두었는데, 문제는 이벤트 발생이 안된다는 것. 원인은 하단에 있다. $("a[data-gal^='prettyPhoto']")[0].click(); // 위의 내용이 일치하는 것을 찾는것인지 몰랐던 부분의 문제였다. // href로 하여 해당 주소가 맞는 것으로 클릭 이벤트를 호출하니 문제가 해결되었다. 아래처럼 하니 작동이 원활하게 진행되었다 $('클릭 클래스').click(function() { let url = $(this).attr("val"); $(`.css a[href='${ur..

스스로 A태그가 생성된다. 왜 그런가 찾아보니 A태그 안에 A태그를 넣으면 해당 코드부분을 구별하기 위해서인지 스스로 생기더라. 난 이게 왜 생기는 것인가? 내가 알고 있던 것이 아닌가? 하고 고민함. 다른 사이드 이펙인가 했더니 아니었나보다.

Next.js는 이전 포스티에도 언급했듯이 라우팅을 폴더 경로에 따라서 페이징을 처리한다. 그렇다면 id값 같은 동적인 부분은 어떻게 해야할까? 바로 해당 페이지.js나 jsx의 이름을 []로 감싸는 것. /pages ㄴ index.js /news ㄴindex.js /id ㄴ[newsDetail].js 위처럼 하면 고정값이 아닌 동적 라우팅이 진행되어 id값에따라 해당 값을 호출하고 준다. 이때 Router값에 따라 해당 데이터를 호출해야하는데, 이를 어떻게 해야 하나 싶을것이다. import { useRouter } from 'next/router'; // React 내장이 아닌 Next팀이 만든 내장 hook function newsId () { const router = useRouter(); ro..