2019-01-10-THU

오늘의 한 일

ajax 를 이용한 튜토리얼에서 발생한 underscore 관련 오류 잡기

underscore.js 를 이용해서 댓글을 구현하는 기능을 공부했는데, 수정하는데까지 한시간 정도는 걸린 것 같다.

* 한시간동안 잡지 못했던 에러 메시지

의심1

프론트엔드쪽은 나중에 협업을 위해서 가볍게 공부하는 쪽인데(물론 에러메시지는 다 비슷할 것 같지만) 처음 의심했던건

bower component 에 underscore 가 설치되지 않았나? 라는 접근으로 확인해봤더니 설치가 되어있지 않더라.

그래서 bower install underscore 를 하는데 success 는 뜨는데 디렉토리가 생기지 않는 것이었다.

결국 다운로드를 받아서 직접 코드를 넣는 방향으로 진행을 했다.

(물론 bower_component 디렉토리르 삭제한 후에 bower.json 에 있는 패키지 파일들을 다시 설치해서 정상적으로 돌려놨다.)

- bower install 을 하면 pipenv install 의 pipfile 에 명시되어 있는 라이브러리들을 자동으로 설치할 수 있다.

의심2

script src 코드에서 static 의 경로가 잘못된 것일까? 라고 생각해서 다양하게도 바꿔봤다. 그러나 문법오류쪽에 초점을 둬서

다시 문법쪽에 의심을 두었다.

의심3

결국 해결했다. 숱하게 많은 의심과 다양한 곳을 구석구석 뒤져봤는데 결국 underscore 템플릿 안의 이퀄(=) 문자 하나로

저런 뻘겋고 노오란 에러메시지와 1시간 동안 사투를 했었던 것이다.

결과

# syntax error 발생 코드
<small><%= updated_at =%><small>
 
 
# 정상 구동 코드
<small><%= updated_at %><small>
 

저기에 이퀄 단 한글자로 이렇게 시간을 쓸거라고 생각을 못했다. 그러나 이제는 어떠한 문제도 시간이 오래 걸릴뿐(???)

언젠가 해결할 수 있다는 자신감이 서서히 붙고는 있다.