해결하고 나니까 너무 허망해서 웃음만 나올 정도네요
개발자 도구를 사용해서 원인을 분석해본 결과 "google.search.Search.apiary xxxxx(숫자) is not a function" 이런 오류가 생기길래
구글링을 해보니까...
원인은 바로 스크립트를 두 번 작성하는 바람에 생기는 것이더군요
저기 보이는 "두 페이지"를 이용해서 검색창과 결과창을 한 화면에 생성하면, 검색창에도 스크립트가 들어가고 결과창에도 스크립트가 들어가는데
해보시면 아시겠지만 둘 다 똑같은 건데 구글에서는 이것을 그대로 복사해서 검색창과 결과창을 표시할 부분에 각각 넣으라고 안내하고 있습니다
그래서 이게 저희 사이트같이 같은 페이지에 검색창과 결과창이 둘다 표시가 되는 경우엔 스크립트를 두 번 로딩해서 문제가 생기는 것이더군요
http://stackoverflow.com/questions/33397859/google-websearch-api-custom-search-throws-typeerrors
여기서 원인과 해결책을 찾았습니다.
그래서 검색 결과창을 표시할 부분에 스크립트를 날리고 <gcse:searchresults-only></gcse:searchresults-only> 이것만 넣어주니까 바로 해결되네요
몇달동안 대체 왜 이럴까 고민하면서 혼자 구글 욕이나 했었는데
해결책을 알고 나니까 허탈하네요
구글 욕하면서 구글링으로 답을 찾는! ㅋㅋㅋ