VueJS 에서 템플릿을 리터럴로 선언 했을 때, 바인딩이 안됨
2018-05-08문제상황 - VueJS를 시작하면서, go와 template이 겹쳐서 ${ }로 구분자를 변경해서 작업중이었는데, 이상하게도 한 컴포넌트에서 계속 row 가 undefined라는 에러가 떴음.
let reserveRow = `<li>${row.reserveName} - ${row.reservePhone}</li>`
문제 원인 - ${ } 가 ES2016의 템플릿 리터럴에서 사용하는 구분자었다. 그래서 VueJS가 번역하기 전에 JS가 번역해버려서 에러가 났던 것.
해결방안 - 문서를 꼼꼼히, 그리고 실제로 go template과 겹치는 부분에서만 구분자를 변경하자.
- 시리즈
- AJAX 요청응답이 왔는데 JSON parse에러가 났는데 정상 작동
- AJAX 요청이 간헐적으로 실패하는 문제
- CloudFront에서 웹사이트 연동을 위해 S3의 파일을 불러올 때 Access Denied가 날 때
- Font Awesome이 적용되지 않았던 문제
- GORM에서 Many To Many 값을 제대로 가져오지 못하는 문제
- too many connection
- VueJS 에서 템플릿을 리터럴로 선언 했을 때, 바인딩이 안됨
- Vue에서 외부 모듈의 스타일을 적용했는데 적용되지 않을 때
- 그래들 래퍼 버전을 잘못 입력 했을 때
- 그래들은 컴파일이 되는데 인텔리J에서 컴파일이 안 되던 문제
- 배포 이후 변경이 안 되는 문제
- 유니코드 문자를 Console.WriteLine으로 출력시 에러
- 인수 전달이 잘못된 문제
- 테이블 생성 시 Foreign key constraint is incorrectly formed 에러 발생