![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/daZfak/btrpoyMaeuD/9VliX4zXE81RMiwu7SJpyk/img.png)
먼저 "안녕" 이란 단어를 아스키코드 배열로 만듦. let enc=new TextEncoder(); //UTF-8 인코딩을 사용하여 바이트 스트림을 생성 let encstr= enc.encode("안녕"); console.log(encstr); encstr 그대로 decode 하면 const dec=new TextDecoder(); //자바스크립트 문자열로 읽을 수 있게 함. let decstr=dec.decode(encstr); console.log(decstr); 이렇게 나옴. 내가 원하는건 이게 아님. 사서 고생하는걸 원했음. let uint8arr= new Uint8Array(6); //6개짜리 만들기 uint8arr[0] = 236; uint8arr[1] = 149; uint8arr[2] = 1..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bDDLC8/btrl1Yuw30i/ZqD8UOfFXtKNra6mAp2ipk/img.png)
개인 프로젝트로 만들었던 걸 뷰로 바꿔보았다. 꾸미는건 나중 일로 미루고 기능 구현 목적으로 대충 해보았다. 기능은 밝기조절, 원래 이미지로 돌리는 것 두 가지! template 작성 원래이미지 밝기 조절 script 작성 export default { data() { return { // 입력 캔버스 관련 outCanvas: "", outCtx: "", inFile: "", // 캔버스에는 한점한점이 안찍힘. 대신 캔버스에 종이를 붙임. inPaper: "", outPaper: "", // 입력 파일 및 배열 inImgArr: [], outImgArr: [], // 입력 이미지의 폭과 높이 inWidth: "", inHeight: "", outWidth: "", outHeight: "", imgURL:..