kasumil의 코딩 공작소

원인은 간단하다. 보통 map 함수로 레이아웃 컴포넌트로 생성된 여러개의 해당 함수를 호출하는데, 이때 특정 event을 하는 함수가 내장되어 있다면 개발자가 보기엔 1개지만, map함수로 호출된 갯수만큼 동일한 이름의 함수가 생성된다. 그러므로 해당 event를 일으키는 것을 외부로 꺼내서 호출하는 방식으로 사용하면 한번만 사용하게 된다. counter 내 increase, decrease 함수가 있다면 map으로 30개를 counter를 복제했을 경우, increase 호출 시 30번 호출하게 되는 것. 그래서 이를 바깥으로 꺼내 counter에서 호출해서 사용하는 방법을 사용하면, 해당 이슈가 해결된다.

보통 자식창에서 작동하는건 iframe태그 안에서 호출하는데, 도메인이 다른 사이트에서 부모창의 이벤트를 관리해줘야 하는 부분이 생겼다. 팝업 자식창을 호출하는데 있어 흔하게 사용하는 window.open(url, '이름', '옵션); 을 사용했다. 해당하는 자식창에 부모함수를 호출을 어떻게 하나 했는데, 아주 좋은 글이 있어서 해당 글을 참조했다. window.opener는 맞는데, 그 이후 window.opener.document 등등 적혀있어 죄다 작동이 안된다. cors 오류 뿜뿜... CORS 문제로 인해서 아래의 링크를 참조. // 자식창에서 코드 인입. window.opener.postMessage({code:'event'}, 'domain주소'); // 난 1번라인의 코드로 수정해서 사용했..

제이쿼리 버튼 태그나 다른 일반적인 태그는 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