개발냥발

언어 선택에 따라 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..

웹소켓 통신을 위해 ws 모듈 설치하기 코드 작성 App.vue close npm run build 입력하여 실행하기

개인 프로젝트로 만들었던 걸 뷰로 바꿔보았다. 꾸미는건 나중 일로 미루고 기능 구현 목적으로 대충 해보았다. 기능은 밝기조절, 원래 이미지로 돌리는 것 두 가지! template 작성 원래이미지 밝기 조절 script 작성 export default { data() { return { // 입력 캔버스 관련 outCanvas: "", outCtx: "", inFile: "", // 캔버스에는 한점한점이 안찍힘. 대신 캔버스에 종이를 붙임. inPaper: "", outPaper: "", // 입력 파일 및 배열 inImgArr: [], outImgArr: [], // 입력 이미지의 폭과 높이 inWidth: "", inHeight: "", outWidth: "", outHeight: "", imgURL:..