Vue.js로 웹페이지 리빌드하기 - (6) 에러로 인해 프로젝트 재생성

메뉴를 만든 김에, 바로 국제화를 적용 시키기 위해서 MainLayout.vue에 다음 코드를 적용시켰더니,

에러가 나기 시작했습니다.

 

title: '문자열' 이었던 것을, this.$t를 써서, i18n의 문자열을 받는 형태로 바꾸려고 했는데,

this는 undefined 에러,

$t로 불러온 데이터는 any, 그러니까 타입이 지정 되지 않은 불안정한 형태로 들어온다고 에러를 뿜고 있네요.

아 (...)

24일 심야부터 25일, 지금시간에 이르기까지 git에 커밋도 하나 못한채 하루종일 구글링 하며

이것저것 적용을 해보았으나, 검색을 정말 못한건지 진짜 기본을 몰라서 그런건지

에러 해결법에 대해서 짐작 가는 게 안나오는 문제가 생겨버렸네요.

 

해결 될 때 까지 붙잡고 있어도 되지만, 

애초에 타입스크립트도 기본만 알고, eslint도 제대로 쓸 줄 모르면서 붙여놓은 것에 가깝기 때문에, 

새로운 것에 대한 공부는 살짝 미뤄두고 자바스크립트로 돌아가기로 했습니다.

이거 참.. 라이브러리 선정부터 시작해서 시행착오의 연속이네요.

 

 

일단 안 부분을 기록하면,

지금 저 객체를 선언 한 곳은 <script> 태그 아래로, 

Vue의 export 안쪽에 데이터를 지정해서 넘기는 방식으로 어떻게 가능하지 않을까? 라는 생각을 하고 있습니다.

이게 어떻게 잘 될 지는 모르겠지만, 우선은 접어두고 프로젝트를 새로 설치해보려고 합니다.

이젠 정말 확실히 다룰 수 있는거만 해야죠.. 

 

 

그래서 아무 추가 기능 없이 일단 생성해서 필요하면 수동으로 집어넣을 생각입니다.

이런 삽질을 왜 하고 있는가...