Language/JavaScript19 [JS] Uncaught TypeError: .replace is not a function 내 코드 const filterSource = list.filter((src) => { return src.replace(" ", "").includes(search); }); 오류 내용 The "replace is not a function" error occurs when we call the replace() method on a value that is not of type string. To solve the error, convert the value to a string using the toString() method before calling the replace() method. replace() 를 string이 아닌 값에 쓰면 발생하는 오류였다. https://bobbyhadz.co.. 2022. 10. 24. [JS] href 표현식 <a href=“javascript:;”> </a> 자주 사용하던 사이트의 버튼이 작동하지 않아서 dev tool을 켜보았다. 3개의 a 태그가 있고 위에 부터 순서대로 이전버튼, 바로 배포하기 버튼, 바로 저장하기 버튼이다. 이전 버튼은 잘 작동하는데, 바로 배포하기와 바로 저장하기 버튼이 작동하지 않았다. 코드를 보니 자바스크립트 함수가 a href 의 형식으로 지정이 되어 있었다. 버튼을 통해 다른 페이지로 이동하는 경우, 나는 주로 onclick을 통해 이벤트를 걸어놓는 형식으로 작업을 했었다. 그래서 처음보는 형식이라 어떤 방법인지 찾아보았다. 📌 href 표현식 onclick을 줄여서 코딩하는 방법인듯 하다. 내가 생각했던 문제의 원인 위에 코드를 보면, 잘 작동하는 '이전' 버튼에 대한 코드에서는 href='javascript: 뒤에 함수 이.. 2022. 10. 8. [JS] location.reload() 사용법 내 코드 검색창에 값을 입력한 후 submit 버튼이 눌리고 나면 검색창만 사라진 페이지가 남는 상황이었다. 사용자가 다시 창으로 돌아와서 다른 값을 검색해보고 싶은 경우에는 불편한 상황이었기에 이를 개선하고자 submit 버튼이 눌리고 나면 창을 새로고침시켜주기로 했다. 오류 내용 loaction.reload()를 js 파일 함수 밖에 썼더니, 조건에 관계없이 계속해서 새로고침이 발생했다. 문제 해결 submit 버튼 클릭시 연결된 함수 안에, 그 함수의 작업들이 모두 끝난 후에 loaction.reload()를 통해서 페이지가 새로고침 될 수 있도록 해주었다. 함수 내에 새로고침 함수 넣어주기!!! 2022. 9. 30. [JS] Uncaught TypeError: Cannot read property 'addEventListener' of null 내 코드 submit 버튼을 누르면 addEventListner가 작동하여 입력된 값들을 가지고 다음 페이지로 넘겨주어야 하는데 제대로 작동하지 않았다. 오류 내용 Uncaught TypeError: Cannot read property 'addEventListener' of null addEventListner가 null 값을 받아오고 있었다. 문제 해결 js 파일을 살펴보니 문제가 없었고, 문제는 html 파일에 있었다. html 파일과 js 파일을 연결해주는 script 코드를 html 파일의 header 태그 안에 작성하여서 페이지가 렌더링되기도 전에 작동이 되었던 것이다. 그렇기 때문에 addEventListner가 제대로 작동할 수 없었던 것이다. 그래서 script 코드를 body 밖으로 빼.. 2022. 9. 30. 이전 1 2 3 4 5 다음
