[Vue.js 3] Vue I18n 사용
지난번 I18n을 설치했으니 이번에는 사용법 기록을 하고자 한다. 사용법이 생각보다 간단해서 놀라웠다. 먼저, 파일 내용들을 조금씩 수정해주었다. 더보기 //en.json { "ko": "한국어", "en": "English", "korean": "한국어", "english": "English", "login-id-placeholder": "계정을 입력하세요.", "login-pw-placeholder": "비밀번호를 입력하세요.", "loginbtnstr": "로그인", "login-fail-message": "로그인 실패" "korean": "한국어", "english": "English", "login-id-placeholder": "Enter your ID", "login-pw-placeholde..
[Vue.js 3] Vue I18n 설치
언어 선택에 따라 UI 전체적으로 번역이 필요할 땐 I18n이라는 것이 있다며 배움을 받았기에 기록하고자 한다. Vue.js 2로 살다가 오랜만에 Vue.js 3으로 넘어왔다. 일단 Vue.js3 프로젝트를 만들자. npm install 할거 다 한 다음 vue add i18n 입력할거다. 이게 끝나면 main.js에 추가된 것을 확인할 수 있다. i18n.js 파일도 추가되었다. localses 폴더와 안에 en.json 파일도 추가되었다. 2022.04.04 설치 시 오류 발생 해결 방법 더보기 i18n을 이것저것 해놓고 중간에 설치하게 되면 모듈 에러가 와장창 발생하게 된다. 침착하게 해당 프로젝트 폴더에서 터미널을 열고 rm node_modules 를 입력하여 전체 삭제 후 프로젝트에서 다시 np..