JavaScript - jquery 동적 추가된 태그에 이벤트 달기

jquery 를 사용하다 보면 append를 통해 태그를 동적으로 추가하는 경우가 있다. 해당 경우에 onclick 같은 이벤트를 추가하면 이벤트가 동작하지 않는다. append 보다 onclick 을 달아주는 행위가 먼저 일어나서 그러는데 이때 $(document).on('click','이벤트 달릴 태그',function(){ console.log("okok") }) 위와 같이 해주면 동적 추가 된 항목에도 이벤트가 적용이 된다.

2021.03.24

React - fetch cors 문제 해결

nodeJS 없이 React만으로 fetch로 API를 받아오는 중 cors문제가 발생했다. 이를 해결하기 위해서는 다음과 같이 작성하여 fetch를 받아오자 const proxyurl = "https://cors-anywhere.herokuapp.com/"; const url = "API 주소"; fetch(proxyurl + url) .then(response => response.json()) .then(contents => setStatsInfo({stats:contents})) .catch(() => console.log("stats 데이터를 가져오는데 실패했습니다.")) }

2020.09.06

JavaScript - 자식창에서 부모창 다루기

위와 같이 한 페이지에서 서브 페이지를 호출하는 경우 위에 있는 창을 자식창, 아래 있는 창을 부모 창이라고 한다. 자식창에서 부모창에 값을 넣거나 설정하기 위해 opener 를 이용해 조정 가능하다. function sendAddress(zipcode,area1,area2,area3,area4){ var address =area1+" "+area2+" "+area3+" "+area4 opener.document.regForm.mem_zipcode.value = zipcode opener.document.regForm.mem_address.value = address self.close();//self ==> ZipCheck.jsp(검색창) } 위 코드에서 부모창의 regform 의 mem_zipcode..

2020.08.20