profile
Creative Developer

그림판(canvas API)으로 그린 그림 서버와 소통 post, get(Feat: encoding, decoding 과정)

Canvas API를 이용하여 구현한 그림판으로 그림을 그린 후, 해당 그림을 서버로 post 요청했다. 이 후 mypage의 갤러리에서 저장한 그림들을 get 요청하고 서버에서 받은 데이터들을 buffer로 base64인코딩한 다음 렌더링 코드를 짰다. but 해당 그림들이 제대로 표시되지 않았다. console.log로 인코딩한 데이터들을 확인한 결과, 해당 문자열의 앞부분에 불필요한 문자열이 붙어서 렌더링되고 있었다. 해당 갤러리나 서버에서의 코드는 문제 없어 보였고, 그림판 그림을 post 할 때의 코드를 확인해야 할 것 같았다. 요청 로직을 구현할 때 구글링한 결과들을 참고하여 구현했지만, 이미지 데이터를 가공하여 서버에 보내는 과정을 100% 이해한 것은 아니었기에 이 기회에 다시 공부하며 정리해보았다. 깃헙 - 에러 핸들링 과정 정리 클라이언트에서 서버에 post 요

2021년 12월 24일
·
0개의 댓글
·