Uncaught ReferenceError: Function is not defined

권오윤·2023년 3월 12일
0

html

목록 보기
1/1

아직까지 풀지 못한 오류..

mbti 테스트 페이지를 만들던 중 테스트 페이지들에 공통으로 들어가야 하는 코드들이 있어 기존 테스트 페이지에서 공통된 부분을 test_base.html에 따로 만들어 extend 하여 사용했다. 기존 test_n.html 들과 test_base.html은 같은 폴더에 있었지만 테스트 페이지가 많아졌기에 따로 test_n.html을 test 디렉토리를 만들어 그 폴더 안에 정리해 줬다.

그랬더니..

이 에러는 내가 test_base에서 만든 mbtiScoreInit이라는 function을 인식되지 않음을 뜻한다.

총 3개의 function이 있었는데 이상하게도 맨 위에 있는 mbtiScoreInit만 작동하지 않았다.

분명 잘 작성했는데도 말이다.. 혹시나 하는 마음에 스크립트 위치도 이곳저곳 옮겨봤지만 똑같이 작동은 하지 않았다. 결국..

test_1.html에 직접 스크립트를 넣어버렸다. mbtiScoreInit이라는 기능은 mbti 테스트에서 점수를 측정하기 전 점수들을 0으로 초기화해주는 함수이기에 한 번만 작동하면 되기 때문이다.

사실 처음부터 이렇게 했으면 됐지만 뭔가 더 깔끔하게 정리하고 싶어서 많은 시간을 구글링해 보고 개발 장인 친구한테도 물어봤지만 해결하지 못했다. 빠른 시일 내에 해결하여 해결법을 올리겠다.

03.13 방법을 찾았다.

스크립트를 html내에 작성하는게 아니라 js로 따로 작성하여 적용시키는 것이다.
생각보다 간단했는데 자꾸 에러에만 집착하다보니 생각을 돌려하지 못했다. 그래서 js폴더를 새로 파서 정리를 할까 생각했지만 생각보다 자바스크립트를 그렇게 많이 사용하지 않아 위에 기존 방법대로 유지하기로 했다. 나처럼 에러를 해결하지 못했던 사람들은 js로 따로 스크립트를 정리하여 호출하는 방법으로 시도해보기를 바란다.

profile
내가 보기 위한 블로그

0개의 댓글